/* GENERATED by scripts/build-site-header.mjs from landing/index.html — do not edit by hand. */
/* The homepage's header, for every other landing page (all widths). */
@font-face{ font-family:'SH Inter'; font-style:normal; font-weight:100 900; font-display:swap; src:url(/static/site-header-inter.v2.woff2) format('woff2'); }
:root{ --sh-paper:#FAFBFB;        
  --sh-paper-2:#F0F5F7;      
  --sh-plate:#FFFFFF;
  --sh-ink:#003353;          
  --sh-ink-2:#0A2E4B;
  --sh-blue:#00568B;         
  --sh-blue-dark:#003C61;
  --sh-text:#17324A;
  --sh-muted:#5C7185;
  --sh-faint:#8A9AAB;
  --sh-rule:rgba(0,51,83,.16);
  --sh-rule-soft:rgba(0,51,83,.09);
  --sh-hi:#FFE86A;           
  --sh-hi-ink:#7A6200;
  --sh-on-ink:#F0F7FA;
  --sh-on-ink-muted:rgba(240,247,250,.68);
  --sh-on-ink-faint:rgba(240,247,250,.42);
  --sh-rule-dark:rgba(240,247,250,.16);
  --sh-ok:#0B7A5C; --sh-ok-bg:rgba(16,185,129,.12); --sh-ok-line:rgba(16,185,129,.35);
  --sh-err:#EF4444;
  --sh-sans:'SH Inter',-apple-system,'SF Pro Display','Segoe UI',Helvetica,Arial,sans-serif;
  --sh-mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --sh-ease:cubic-bezier(.22,1,.36,1);
  --sh-gutter:clamp(1.25rem, 4vw, 2.5rem);
  
  --sh-mast-top-h:58px;          
  --sh-mast-top-compact:46px;    
  --sh-mast-gap:18px;            
  --sh-mast-gap-compact:10px;
  --sh-mast-pill-h:60px; }
.mast *, .mast *::before, .mast *::after{ box-sizing:border-box; margin:0; padding:0; }
.mast button{ font:inherit; }
.mast{ font-family:var(--sh-sans); line-height:1.6; -webkit-font-smoothing:antialiased; text-align:left; }
.mast a:focus-visible, .mast button:focus-visible{ outline:2px solid var(--sh-on-ink); outline-offset:3px; border-radius:2px; }
.mast svg{ display:inline-block; }
.mast img{ max-width:none; }
.mast ul{ list-style:none; }
.sh-wrap{ max-width:1180px; margin:0 auto; padding-left:var(--sh-gutter); padding-right:var(--sh-gutter); }
.sh-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  font:600 .95rem/1 var(--sh-sans); text-decoration:none; cursor:pointer;
  padding:.95rem 1.35rem; border-radius:6px; border:1px solid transparent;
  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .25s var(--sh-ease); }
.sh-btn svg{ width:15px; height:15px; flex:none; }
.sh-btn-ink{ background:var(--sh-ink); color:var(--sh-on-ink); }
.sh-btn-ink:hover{ background:var(--sh-blue-dark); color:#fff; transform:translateY(-1px); }
.sh-btn-paper{ background:var(--sh-on-ink); color:var(--sh-ink); }
.sh-btn-paper:hover{ background:#fff; color:var(--sh-ink); transform:translateY(-1px); }
.sh-btn-blue{ background:var(--sh-blue); color:#fff; }
.sh-btn-blue:hover{ background:var(--sh-blue-dark); color:#fff; transform:translateY(-1px); }
.sh-btn-hi{ background:var(--sh-hi); color:var(--sh-ink); border-color:var(--sh-hi); }
.sh-btn-hi:hover{ background:#FFF0A0; border-color:#FFF0A0; color:var(--sh-ink); }
.sh-btn-line{ background:transparent; color:var(--sh-ink); border-color:var(--sh-rule); }
.sh-btn-line:hover{ border-color:var(--sh-ink); color:var(--sh-ink); }
/* --- The fixed header stack ------------------------------------------------
   Both tiers now live in one fixed block, and .mast-spacer holds their place in
   the flow. That is what makes the navy bar reversible: a bar that scrolls away
   with the page can only come back by scrolling all the way to the top, and
   Jonathan wanted it back the moment you head upward.

   Three states, and the transform is always exactly the compact bar's height so
   the tuck hides the navy bar precisely — no sliver, no gap:
     at the top   no class      navy 58, pill below it        (the resting look)
     scrolling ↓  .compact.tucked  navy translated out of view, pill pinned near 0
     scrolling ↑  .compact         navy back at 46, pill under it
   -------------------------------------------------------------------------- */
.mast{
  position:fixed; top:0; left:0; right:0; z-index:200;
  transition:transform .32s var(--sh-ease);
}
.mast.tucked{ transform:translateY(calc(-1 * var(--sh-mast-top-compact))); }
.mast-spacer{ height:calc(var(--sh-mast-top-h) + var(--sh-mast-gap) + var(--sh-mast-pill-h)); }
/* The home hero runs behind the floating pill, but never behind the identity bar. */
.mast-spacer.hero-mast-spacer{ height:var(--sh-mast-top-h); }

/* --- Tier 1: the navy identity / login bar -------------------------------- */
/* Above the pill in the stack, so the pill slides up BEHIND it rather than through it. */
.mast-top{ position:relative; z-index:2; background:var(--sh-ink); color:var(--sh-on-ink); }
.mast-top-in{ position:relative; display:flex; align-items:center; gap:1.25rem; height:var(--sh-mast-top-h); transition:height .32s var(--sh-ease); }
.mast.compact .mast-top-in{ height:var(--sh-mast-top-compact); }
.mast-logo{ display:flex; align-items:center; gap:.55rem; text-decoration:none; color:var(--sh-on-ink); flex:none; }
/* The approved on-dark lockup (brand/logo-dark.svg), placed whole: its wordmark is
   outlined Inter, so it is never re-typeset here. 40px tall sets the name where the
   typed wordmark sat (1.16rem). */
.mast-logo img{ display:block; height:40px; width:auto; max-width:none; }
.mast-ways{ display:flex; align-items:center; gap:1.9rem; margin-left:auto; flex:none; }
.mast-way{
  font:600 .92rem/1 var(--sh-sans); color:#fff; text-decoration:none;
  white-space:nowrap; padding:.5rem 0; border-bottom:1px solid transparent;
  transition:color .18s ease, border-color .18s ease, opacity .18s ease;
}
.mast-way:hover, .mast-way:focus-visible{ color:#fff; border-bottom-color:rgba(255,255,255,.72); }

/* --- Tier 2: the floating nav pill ---------------------------------------- */
.mast-float{
  position:relative; z-index:1;
  padding-top:var(--sh-mast-gap);     /* the air between the navy bar and the pill */
  pointer-events:none;             /* that air never eats a click meant for the page */
  transition:padding-top .32s var(--sh-ease);
}
.mast.compact .mast-float{ padding-top:var(--sh-mast-gap-compact); }
.mast-float-in{ position:relative; pointer-events:none; }
.mast-float-in > *{ pointer-events:auto; }
.mast-bar{
  /* nav-glass-2026-09-07 */
  display:flex; align-items:center; gap:1rem;
  height:60px; padding:0 .55rem 0 1.15rem; border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.05)),
             rgba(0,33,53,.72);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(240,247,250,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -1px 0 rgba(0,20,35,.22),
    0 12px 36px -16px rgba(0,25,42,.55);
}
.mast.compact .mast-bar{
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.03)),
             rgba(0,33,53,.88);
  border-color:rgba(240,247,250,.26);
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  .mast-bar, .mast.compact .mast-bar{ background:rgba(0,33,53,.94); }
}
.mast-nav{ display:flex; align-items:center; gap:.15rem; }
.mnav-trigger{
  display:inline-flex; align-items:center; gap:.36rem;
  font:500 .93rem/1 var(--sh-sans); color:var(--sh-on-ink); text-decoration:none;
  background:transparent; border:0; cursor:pointer; white-space:nowrap;
  padding:.62rem .85rem; border-radius:999px;
  transition:background .18s ease, color .18s ease;
}
.mnav-trigger .chev{ width:10px; height:10px; opacity:.55; transition:transform .22s var(--sh-ease), opacity .18s ease; }
.mnav-trigger:hover{ background:rgba(240,247,250,.10); color:#fff; }
.mnav-trigger[aria-expanded="true"]{ background:var(--sh-blue); color:#fff; }
.mnav-trigger[aria-expanded="true"] .chev{ transform:rotate(180deg); opacity:.95; }
.mast-cta{ display:flex; align-items:center; gap:.6rem; margin-left:auto; flex:none; }
.mast-bar .sh-btn{ padding:.68rem 1.15rem; font-size:.88rem; border-radius:999px; }
.mast-bar .sh-btn-paper{
  background:#F0F7FA; color:var(--sh-ink); border-color:transparent;
  box-shadow:0 1px 0 rgba(255,255,255,.5);
}
.mast-bar .sh-btn-paper:hover{ background:#fff; color:var(--sh-ink); }

/* --- The mega panel -------------------------------------------------------- */
.mm{
  position:absolute; left:var(--sh-gutter); right:var(--sh-gutter); top:calc(100% + 10px);
  background:rgba(0,38,61,.82);
  -webkit-backdrop-filter:blur(22px) saturate(170%);
  backdrop-filter:blur(22px) saturate(170%);
  border:1px solid rgba(240,247,250,.18); border-radius:22px;
  box-shadow:0 34px 70px -30px rgba(0,25,42,.8), inset 0 1px 0 rgba(255,255,255,.08);
  padding:1.1rem; z-index:5;
  opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:opacity .2s ease, transform .26s var(--sh-ease), visibility .2s;
}
.mm[data-open="true"]{ opacity:1; visibility:visible; transform:translateY(0); }
.mm-in{ display:grid; grid-template-columns:minmax(200px, 244px) 1fr; gap:1.1rem; align-items:stretch; }

/* left rail — the categories */
.mm-rail{ display:flex; flex-direction:column; gap:.18rem; }
.mm-rail button{
  display:flex; align-items:center; justify-content:space-between; gap:.75rem; text-align:left;
  font:600 .97rem/1.3 var(--sh-sans); color:var(--sh-on-ink-muted);
  background:transparent; border:0; cursor:pointer; width:100%;
  padding:.8rem 1rem; border-radius:12px;
  transition:background .18s ease, color .18s ease;
}
.mm-rail button .arw{
  width:22px; height:22px; flex:none; border-radius:50%; background:rgba(240,247,250,.2);
  display:grid; place-items:center; opacity:0; transition:opacity .18s ease;
}
.mm-rail button .arw svg{ width:10px; height:10px; }
.mm-rail button:hover{ color:#fff; background:rgba(240,247,250,.09); }
.mm-rail button[aria-selected="true"]{ background:var(--sh-blue); color:#fff; }
.mm-rail button[aria-selected="true"] .arw{ opacity:1; }
.mm-rail-foot{ margin-top:auto; padding:1rem 1rem .1rem; }
.mm-rail-foot p{ font:400 .8rem/1.5 var(--sh-sans); color:var(--sh-on-ink-faint); }

/* right card — the links */
.mm-card{ background:var(--sh-plate); border-radius:16px; padding:1.4rem 1.5rem; display:grid; grid-template-columns:1fr minmax(220px, 286px); gap:1.5rem; }
.mm-pane[hidden]{ display:none; }
.mm-list{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:.2rem 1.4rem; align-content:start; }
.mm-list.one-col{ grid-template-columns:1fr; }
.mm-list a{ display:block; text-decoration:none; padding:.58rem .7rem; margin:0 -.7rem; border-radius:10px; transition:background .16s ease; }
.mm-list a:hover{ background:var(--sh-paper-2); }
.mm-list a b{ display:block; font:600 .96rem/1.35 var(--sh-sans); color:var(--sh-blue); }
.mm-list a:hover b{ color:var(--sh-ink); }
.mm-list a span{ display:block; font:400 .83rem/1.45 var(--sh-sans); color:var(--sh-muted); margin-top:.1rem; }

/* the feature tile — photo card, Athena-style, copy over the image */
.mm-feat{
  position:relative; overflow:hidden; border-radius:14px; text-decoration:none;
  display:flex; flex-direction:column; justify-content:flex-end;
  min-height:300px; background:var(--sh-ink); color:#fff;
  border:1px solid rgba(0,51,83,.10);
  transition:transform .25s var(--sh-ease), box-shadow .25s ease;
}
.mm-feat:hover{ transform:translateY(-2px); box-shadow:0 16px 30px -18px rgba(0,51,83,.55); }
.mm-feat-img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transform:scale(1.02); transition:transform .55s var(--sh-ease);
}
.mm-feat:hover .mm-feat-img{ transform:scale(1.07); }
.mm-feat::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,33,53,0) 32%, rgba(0,33,53,.42) 64%, rgba(0,21,34,.9) 100%);
}
.mm-feat-copy{
  position:relative; z-index:1;
  display:flex; flex-direction:column; gap:.4rem;
  padding:1.25rem 1.2rem 1.15rem;
}
.mm-feat-t{ font:700 1.14rem/1.25 var(--sh-sans); color:#fff; letter-spacing:-.014em; }
.mm-feat-d{ font:400 .86rem/1.45 var(--sh-sans); color:rgba(240,247,250,.84); }
.mm-feat-go{ margin-top:.3rem; display:inline-flex; align-items:center; gap:.4rem; font:600 .87rem/1 var(--sh-sans); color:#fff; }
.mm-feat-go svg{ width:13px; height:13px; }

/* panel footer — the quiet links */
.mm-foot{ display:flex; align-items:center; gap:1.35rem; flex-wrap:wrap; padding:.9rem .75rem .15rem; }
.mm-foot a{ font:500 .87rem/1 var(--sh-sans); color:var(--sh-on-ink-muted); text-decoration:none; border-bottom:1px solid transparent; transition:color .18s ease, border-color .18s ease; }
.mm-foot a:hover{ color:#fff; border-bottom-color:rgba(240,247,250,.5); }
.mm-foot .sp{ margin-left:auto; }

/* --- No JS: the dropdowns can't open, so show plain links instead ----------- */
.mast-nav-plain{ display:none; align-items:center; gap:1.2rem; flex-wrap:wrap; }
.mast-nav-plain a{ font:500 .9rem/1 var(--sh-sans); color:var(--sh-on-ink); text-decoration:none; padding:.35rem 0; border-bottom:1px solid transparent; transition:border-color .2s ease; }
.mast-nav-plain a:hover{ border-bottom-color:var(--sh-on-ink); }
.no-js .mast-nav, .no-js .mast-burger, .no-js .mm{ display:none; }
.no-js .mast-nav-plain{ display:flex; }
/* Without JS nothing toggles .compact/.tucked, and the plain bar wraps to whatever
   height it needs — a fixed header would then sit on top of the page forever. */
.no-js .mast{ position:static; }
.no-js .mast-spacer{ display:none; }

/* --- Hamburger + mobile sheet ---------------------------------------------- */
.mast-burger{
  display:none; align-items:center; justify-content:center; flex:none;
  width:40px; height:40px; margin-right:-.3rem; border-radius:10px;
  background:transparent; border:1px solid rgba(240,247,250,.22); color:var(--sh-on-ink); cursor:pointer;
}
.mast-burger:hover{ background:rgba(240,247,250,.10); }
.mast-burger svg{ width:18px; height:18px; }
.mast-burger .x{ display:none; }
.mast-burger[aria-expanded="true"] .x{ display:block; }
.mast-burger[aria-expanded="true"] .b{ display:none; }
.msheet{
  display:none; position:absolute; left:var(--sh-gutter); right:var(--sh-gutter); top:calc(100% + 10px);
  background:#00263D;
  border:1px solid rgba(240,247,250,.13); border-radius:20px;
  box-shadow:0 34px 70px -30px rgba(0,25,42,.8);
  padding:.5rem; max-height:calc(100vh - 100px); max-height:calc(100dvh - 100px);
  overflow-y:auto; overscroll-behavior:contain; z-index:5;
}
.msheet[data-open="true"]{ display:block; }
.mast-strip{ display:none; }   /* phone-only sign-in strip, see the ≤599px block */
.msheet-top, .msheet-more{ display:none; }   /* phone-only parts of the sheet, see the ≤599px block */
.msheet-sec + .msheet-sec{ border-top:1px solid rgba(240,247,250,.10); }
.msheet-sec > button{
  display:flex; align-items:center; justify-content:space-between; width:100%; text-align:left;
  font:600 1rem/1 var(--sh-sans); color:#fff; background:transparent; border:0; cursor:pointer;
  padding:1rem .85rem; border-radius:10px;
}
.msheet-sec > button .chev{ width:12px; height:12px; opacity:.6; transition:transform .22s var(--sh-ease); }
.msheet-sec > button[aria-expanded="true"] .chev{ transform:rotate(180deg); }
.msheet-body{ display:none; padding:0 .85rem .85rem; }
.msheet-body[data-open="true"]{ display:block; }
.msheet-body a{ display:block; padding:.5rem 0; font:500 .93rem/1.3 var(--sh-sans); color:var(--sh-on-ink-muted); text-decoration:none; }
.msheet-body a:hover{ color:#fff; }
.msheet-body a span{ display:block; font:400 .8rem/1.4 var(--sh-sans); color:var(--sh-on-ink-faint); margin-top:.1rem; }
.msheet-h{ font:600 .72rem/1 var(--sh-sans); letter-spacing:.1em; text-transform:uppercase; color:var(--sh-on-ink-faint); padding:.8rem 0 .25rem; }
.msheet-sec:first-child .msheet-h:first-child{ padding-top:.2rem; }
.msheet-cta{ padding:.85rem; display:grid; gap:.55rem; border-top:1px solid rgba(240,247,250,.10); }
.msheet-cta .sh-btn{ width:100%; border-radius:999px; }

/* --- Responsive ------------------------------------------------------------ */
@media (max-width: 1160px){
  .mnav-trigger{ padding:.62rem .66rem; font-size:.89rem; }
  .mm-list{ gap:.2rem 1rem; }
}
@media (max-width: 1000px){
  .mm-card{ grid-template-columns:1fr; }
  .mm-feat{ min-height:220px; }
}
@media (max-width: 900px){
  /* Below this the pill can't hold the nav — all of it moves into the sheet. */
  .mast-float{ display:none; }
  .mast-spacer{ height:var(--sh-mast-top-h); }   /* only the navy bar is left to reserve */
  .no-js .mast-float{ display:block; }
  .no-js .mast-bar{ height:auto; flex-wrap:wrap; gap:.8rem; padding:.8rem 1rem; border-radius:22px; }
  .no-js .mast-cta{ margin-left:0; }
  .mast-burger{ display:inline-flex; }
  .mast-ways{ gap:1.35rem; }
}
@media (max-width: 560px){
  .mast-ways .mast-way-portal{ display:none; }   /* it lives in the sheet instead */
}
@media (max-width: 460px){
  :root{ --sh-mast-top-h:54px; --sh-mast-top-compact:44px; }
  .mast-top-in{ gap:.55rem; }
  .mast-logo img{ height:36px; }
  .mast-way{ font-size:.85rem; }
}
@media (max-width: 360px){ .mast-ways .mast-way-login{ display:none; } }
@media (prefers-reduced-motion: reduce){
  .mm, .mm-feat, .mnav-trigger .chev, .msheet-sec > button .chev,
  .mast, .mast-top-in, .mast-float{ transition:none; }
}
@media (max-width: 599px){
.mast a[href$="#audit"], .mast a[href$="#chain"], .msheet a[href$="#audit"], .msheet a[href$="#chain"]{ display:none !important; }
.mast-logo{ min-height:44px; }
.mast-burger{ min-width:44px; min-height:44px; }
.mast-way{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; min-width:44px; }
html body .cva-launch{ padding:0; width:52px; height:52px; justify-content:center; border-radius:50%; right:14px; bottom:14px; }
html body .cva-launch span{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
html body .cva11y-btn{ width:52px; height:52px; left:14px; bottom:14px; }
:root{ --sh-mast-top-h:68px; --sh-mast-top-compact:68px; }
.mast-top{ background:transparent; padding:0 12px; pointer-events:none; }
.mast-top-in{ pointer-events:auto; height:56px; margin-top:8px; padding:0 6px 0 14px; border-radius:999px; isolation:isolate; }
.mast.compact .mast-top-in{ height:56px; }
.mast-top-in::before{ content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit;
    background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.04)), rgba(0,33,53,.80);
    -webkit-backdrop-filter:blur(20px) saturate(170%); backdrop-filter:blur(20px) saturate(170%);
    border:1px solid rgba(240,247,250,.30);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.26), 0 12px 32px -16px rgba(0,25,42,.6); }
.mast{ background:transparent; }
.mast-ways{ display:none; }
.mast-strip{ position:relative; z-index:3; display:flex; justify-content:space-between; align-items:center; height:44px; padding:0 max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right)); background:var(--sh-ink); color:var(--sh-on-ink); }
.mast-strip a{ display:inline-flex; align-items:center; min-height:44px; min-width:44px; padding:0 8px; font:600 1rem/1 var(--sh-sans); color:var(--sh-on-ink); text-decoration:none; }
.mast-strip a:focus-visible{ outline:2px solid #fff; outline-offset:-4px; }
.mast{ transition:top .32s var(--sh-ease); }
.mast.tucked{ transform:none; top:-44px; }
.mast-burger{ margin-left:auto; margin-right:0; width:44px; height:44px; border:0; background:transparent; }
.mast-burger:hover{ background:transparent; }
.mast-burger svg{ width:20px; height:20px; }
.msheet{ position:fixed; inset:0; top:0; left:0; right:0; z-index:300;
    border:0; border-radius:0; box-shadow:none; max-height:none;
    padding:max(12px, env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));
    background:radial-gradient(120% 60% at 100% 0%, rgba(5,104,168,.35), transparent 60%), linear-gradient(180deg, #002A45 0%, #001B2D 100%); }
.msheet-top{ display:flex; align-items:center; justify-content:space-between; height:56px; margin:0 -6px 14px 0; padding-left:2px; }
.msheet-logo{ display:inline-flex; align-items:center; min-height:44px; }
.msheet-logo img{ display:block; height:34px; width:auto; }
.msheet-x{ display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%;
    background:rgba(240,247,250,.12); border:1px solid rgba(240,247,250,.22); color:#fff; cursor:pointer; }
.msheet-x svg{ width:20px; height:20px; }
.msheet-sec + .msheet-sec{ border-top:0; }
.msheet-sec > button{ min-height:60px; padding:0 .4rem; font:600 1.2rem/1.2 var(--sh-sans); }
.msheet-sec > button .chev{ width:16px; height:16px; opacity:.9; transform:rotate(-90deg); }
.msheet-sec > button[aria-expanded="true"] .chev{ transform:none; }
.msheet-body{ padding:0 .4rem .6rem; }
.msheet-body a{ display:flex; flex-direction:column; justify-content:center; min-height:44px; padding:.35rem 0; font-size:1rem; }
.msheet-h{ font-size:.75rem; }
.msheet-cta{ border-top:0; padding:1.6rem 0 0; gap:.7rem; }
.msheet-cta .sh-btn{ min-height:52px; font-size:1.0625rem; }
.msheet-more{ display:flex; flex-direction:column; margin-top:1.6rem; padding:0 .4rem; }
.msheet-more a{ display:flex; align-items:center; min-height:44px; font:400 .95rem/1.3 var(--sh-sans); color:var(--sh-on-ink-muted); text-decoration:none; }
.msheet a:focus-visible, .msheet button:focus-visible, .mast-burger:focus-visible{ outline:2px solid #F0F7FA; outline-offset:2px; }
html.msheet-lock, html.msheet-lock body{ overflow:hidden; }
html.msheet-lock .mast-top{ z-index:4; }
html.msheet-lock body .cva-launch, html.msheet-lock body .cva11y-btn{ display:none; }
}
html.sh-on .nav, html.sh-on body > .bar{ display:none !important; }
html.sh-on body::before{ content:""; display:block; background:var(--sh-ink); height:calc(var(--sh-mast-top-h) + var(--sh-mast-gap) + var(--sh-mast-pill-h)); }
@media (max-width: 900px){ html.sh-on body::before{ height:var(--sh-mast-top-h); } }
@media (max-width: 599px){ html.sh-on body::before{ height:116px; } }
