/* WiNTEL skin for the FDA OFDM-ISAC demo. Loaded after style.css, sim.css and code.css:
   remaps the demo's tokens to the WiNTEL palette and fonts and styles the WiNTEL top bar and footer.
   Layout of the simulation and code browser is untouched. Light theme only (html[data-theme="light"]). */
:root{
  --paper:#fafafa;--surface:#ffffff;--surface-2:#f5f5f5;
  --ink:#171717;--ink-2:#525252;--ink-3:#737373;--rule:#e5e5e5;
  --accent:#2563eb;--accent-ink:#ffffff;--fda:#2563eb;--focus:#0a0a0a;
  --screen:#0a0a0a;--screen-2:#171717;--screen-ink:#f5f5f5;--screen-ink-2:#a3a3a3;--screen-rule:#262626;
  --plot-bg:#ffffff;--plot-ink:#171717;--plot-ink-2:#525252;--plot-rule:#e5e5e5;
  --code-bg:#fafafa;--code-ink:#171717;--code-kw:#1d4ed8;--code-com:#737373;--code-line:#a3a3a3;
  --font-display:'Inter',ui-sans-serif,system-ui,sans-serif;
  --font-body:'Inter',ui-sans-serif,system-ui,sans-serif;
  --font-serif:'Inter',ui-sans-serif,system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color-scheme:light;
}
a:hover{color:#1d4ed8}
.page-title,.section-title,.draft-title{letter-spacing:-0.02em}

.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:0.5rem 1rem;flex-wrap:wrap;padding:0.85rem max(16px,2rem);background:rgba(250,250,250,0.8);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #e5e5e5}
.topbar .name{font-family:'EB Garamond',ui-serif,Georgia,serif;font-size:1.125rem;font-weight:600;letter-spacing:-0.02em;line-height:1.2;text-decoration:none;color:#171717;white-space:nowrap}
.topbar .crumb{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:0.75rem;letter-spacing:0.04em;text-transform:uppercase;color:#737373;white-space:nowrap}
.topbar .crumb::before{content:"/";margin-right:0.6rem;color:#d4d4d4}
.topbar .site-nav{margin-left:auto}
.topbar .site-nav ul{gap:1.1rem;padding:0}
.topbar .site-nav a,.topbar a.nav{display:block;padding:2px 0;border-radius:0;background:none;box-shadow:none;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:0.75rem;font-weight:400;letter-spacing:0.04em;text-transform:uppercase;line-height:1.5;text-decoration:none;color:#737373;white-space:nowrap}
.topbar .site-nav a:hover,.topbar a.nav:hover{color:#2563eb;background:none}
.topbar .site-nav a[aria-current]{color:#171717;background:none;box-shadow:inset 0 -1px 0 #171717}
.topbar a.nav{flex:none;padding-left:1.1rem;border-left:1px solid #e5e5e5}
@media (max-width:820px){.topbar .site-nav{flex:1 0 100%;margin-left:0;order:3}.topbar a.nav{margin-left:auto;border-left:0;padding-left:0}}
@media (max-width:480px){.topbar .site-nav ul{gap:0.4rem 0.9rem}.topbar .crumb{display:none}}

.sitefoot{border-top:1px solid #e5e5e5}
.sitefoot .wrap{display:grid;gap:0.4rem;padding-block:1.5rem 3rem;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:0.75rem;line-height:1.6;color:#737373}
.sitefoot p{margin:0}
.sitefoot a{color:#737373}
.sitefoot a:hover{color:#2563eb}