/* legal-nav.css — the masthead on /privacy and /terms ONLY.
   Kept out of legal.css so the replica rule there stays undisturbed.
   These pages are static, no React, and their CSP forbids inline script, so the
   burger is a CSS-only disclosure and the backing is permanent. */
.legal-menu-toggle{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;}
.legal-menu-toggle:checked ~ .sheet{transform:translateY(0);visibility:visible;}
.nav label.hamburger,.sheet-top label{cursor:pointer;}
.sheet-top label{background:none;border:1px solid var(--line-strong);border-radius:10px;width:42px;height:42px;color:var(--star);display:inline-flex;align-items:center;justify-content:center;}
/* The masthead carries the lockup, so the document header's own would be a second one
   directly beneath it. Its eyebrow/tag and H1 stay. */
.lh-brand{display:none;}
/* 74px was clearance for a page whose first element was the lockup. */
.lh{padding:28px 0 34px;}
/* No .scrolled listener here, so the backing is permanent — otherwise the document scrolls
   through a transparent bar. Same values as .nav.scrolled in styles-r11.css. */
.nav{background:rgba(8,7,26,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
/* Raw inline SVG in a label has no intrinsic size and collapses — the close control rendered
   as an empty box. The React icons carry their own dimensions; these do not. */
.nav label.hamburger svg,.sheet-top label svg{width:20px;height:20px;display:block;}