.header-inner { min-height: 4.8rem; flex-wrap: wrap; gap: 0.55rem; padding-block: 0.75rem; }
.brand { margin-right: auto; }
.brand-logo { width: 5.5rem; }
.nav-toggle { display: inline-flex; padding: 0.55rem 0.75rem; }
.main-navigation { display: none; order: 4; width: 100%; margin: 0; }
.main-navigation.is-open { display: block; }
.main-navigation ul { display: grid; gap: 0.25rem; padding-block: 0.5rem; }
.main-navigation a { min-height: 2.9rem; }
.theme-control { display: block; order: 3; width: auto; }
.account-link { order: 2; }
.theme-control span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.theme-control select { width: auto; max-width: 8.5rem; min-height: 2.5rem; padding-inline: 0.5rem; font-size: 0.78rem; }
.hero { grid-template-columns: 1fr; }
.home-hero { min-height: 36rem; align-items: flex-end; background-position: 66% center; }
.site-main-home { padding-top: 0.75rem; }
.home-hero::before { background: linear-gradient(0deg,rgba(3,13,22,0.98) 0%,rgba(3,13,22,0.9) 44%,rgba(3,13,22,0.32) 76%,rgba(3,13,22,0.16)); }
.home-hero-content { width: 100%; padding: 1.5rem; }
.home-hero h1 { font-size: clamp(2.35rem,12vw,3.6rem); }
.home-context { grid-template-columns: 1fr; }
.signal-card { min-height: 12rem; }
.card-grid { grid-template-columns: 1fr; }
.hero-actions { align-items: stretch; flex-direction: column; }
.button { width: 100%; }
.footer-inner { flex-direction: column; }
.site-footer ul { display: grid; justify-content: stretch; }
.site-footer a { display: block; min-height: 2.75rem; padding-block: 0.5rem; }
.detail-list div { grid-template-columns: 1fr; gap: 0.15rem; }
.filter-form, .profile-form { grid-template-columns: 1fr; }
.profile-form label:has(textarea), .profile-form button { grid-column: auto; }
.device-layout { grid-template-columns: 1fr; }
.section-title-row { flex-direction: column; }
.room-facts, .room-tabs { grid-template-columns: 1fr; }
.room-panel { min-height: auto; }
.presence-strip { align-items: flex-start; flex-direction: column; }
.presence-strip .presence-list { flex: none; }
.morse-stream, .chat-stream { height: min(65vh, 28rem); }
.morse-panel-heading { align-items: flex-start; flex-direction: column; gap: 0; }
.channel-signal { max-width: 100%; }
.room-technical-heading { grid-template-columns: 1fr; }
.communication-toolbar { align-items: stretch; flex-direction: column; }
.transmit-control { grid-template-columns: 1fr; }
.transmit-control [data-transmit-queue] { grid-column: auto; }
.learning-stats,.learning-grid { grid-template-columns: 1fr; }
.inline-form { align-items: stretch; flex-direction: column; }
.inline-form input, .inline-form select, .inline-form .button { width: 100%; }