/* Header — floating pill nav. Sync (render-blocking). Mobile-first: links behind a drawer. */
.nav-wrap{position:sticky;top:12px;z-index:50;padding:0 12px}
.nav{max-width:var(--maxw-nav);margin:0 auto;background:var(--nav-bg,rgba(255,255,255,0.9));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:999px;box-shadow:0 8px 32px rgba(23,33,46,0.08);display:flex;align-items:center;gap:16px;padding:10px 12px 10px 20px}
.nav .wordmark{font-family:var(--f-display);font-weight:700;font-size:16px;letter-spacing:-0.02em;color:var(--ink)}
.nav .wordmark .dot{color:var(--accent)}
.nav .primary{display:none;gap:26px;margin-left:auto}
.nav .primary a{font-size:14.5px;font-weight:500;color:var(--muted);transition:color .15s}
.nav .primary a:hover,.nav .primary a.on{color:var(--ink)}
.nav .primary a.on{font-weight:600}
.nav .cta{margin-left:auto;padding:10px 18px;font-size:13.5px}

/* mobile drawer toggle (hamburger) */
.nav-toggle{margin-left:8px;width:40px;height:40px;display:inline-flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;border-radius:12px}
.nav-toggle .line{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded="true"] .line:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .line:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* drawer panel */
.nav-drawer{position:fixed;inset:0;z-index:60;background:rgba(18,39,64,0.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.nav-drawer.is-open{opacity:1;visibility:visible}
.nav-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(84vw,340px);background:var(--card);padding:80px 28px 32px;display:flex;flex-direction:column;gap:6px;transform:translateX(100%);transition:transform .25s}
.nav-drawer.is-open .nav-drawer__panel{transform:none}
.nav-drawer__panel a{font-family:var(--f-display);font-weight:600;font-size:22px;color:var(--ink);padding:12px 0;border-bottom:1px solid var(--line)}
.nav-drawer__close{position:absolute;top:22px;right:22px;width:40px;height:40px;font-size:26px;line-height:1;color:var(--ink)}
body.is-locked{overflow:hidden}

/* Breadcrumb strip directly below the header (rendered via arnout_crumbs_bar(),
   shared by both page-head and masthead) — lives here, always loaded, since
   it's not tied to either specific block's own stylesheet. */
.crumbs-bar{padding:10px 0;background:var(--blue);border-bottom:1px solid var(--line)}
.crumbs-bar .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.crumbs-bar .crumbs a{color:var(--muted);transition:color .15s;display:inline-flex;align-items:center}
.crumbs-bar .crumbs a:hover{color:var(--accent-deep)}
.crumbs-bar .crumbs .sep{color:var(--line)}
.crumbs-bar .crumbs .current{color:var(--ink);font-weight:500}
.crumbs-bar .crumbs .home svg{width:15px;height:15px;display:block}