.app-header { flex-wrap: wrap; gap: 12px 24px; }
.feature-nav { display: flex; align-items: center; gap: 6px; min-width: 0; }
.feature-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 5px; color: #aebcb9; font-size: 12px; text-decoration: none; white-space: nowrap; }
.feature-nav a:first-child { color: #55e3bc; border-right: 1px solid #2c3936; border-radius: 0; margin-right: 4px; }
.feature-nav a:hover { background: #18211e; color: #edf3f2; }
.feature-nav a:focus-visible { outline: 2px solid #55e3bc; outline-offset: 2px; }
#spacex-options-panel, #unlock-monitor-title, #tesla-overview { scroll-margin-top: 24px; }
@media (max-width: 1100px) { .feature-nav { order: 3; width: 100%; overflow-x: auto; } }
@media (max-width: 860px) { .app-header { flex-direction: row; align-items: center; } .app-header .header-status { margin-left: auto; } .brand-block p { display: none; } }
@media (max-width: 560px) { .app-header { padding: 12px; gap: 8px; } .feature-nav a { padding: 0 10px; } .app-header .brand-block strong { font-size: 13px; } .app-header .header-status { gap: 4px; } }