/* ═══════════════════════════════════════════════════════════
   Shared by privacy-policy.html, terms.html — the two long-form legal documents.

   These 15 rules appeared as one unbroken run, in this exact order, in
   the inline <style> of every page listed above. Both halves of that
   matter.

   Identical on every member page is what makes it safe to move: no page
   gains a rule it did not already have. A first attempt pooled the rules
   shared by any four-or-more pages into one stylesheet every page
   loaded, which silently restyled the pages that had never had them —
   body{line-height:1.6} qualified on count alone, terms.html was not
   one of its pages, and terms.html went from 5719px to 10532px tall.

   Contiguous, and linked from the exact spot the run occupied, is what
   makes it safe to move it OUT. Extraction normally hoists rules to the
   front of the cascade, and anything the page overrode later then wins:
   pulling out .toc's base rule flipped it from static to sticky on
   mobile, and pulling out .tier-card's dropped background and box-shadow
   from its hover transition. Keeping the run whole and the <link> in
   position leaves document order exactly as it was.

   That is why this file is smaller than the full overlap between these
   pages. The rest of the shared CSS is interleaved with page-specific
   rules that override it, and cannot be moved without changing what
   those pages render.
   ═══════════════════════════════════════════════════════════ */

body{font-family:'Outfit',sans-serif;background:var(--cream);color:var(--charcoal);-webkit-font-smoothing:antialiased;}
::selection{background:var(--rose);color:var(--cream);}
:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:2px;}
nav{
            position:fixed;top:0;left:0;right:0;z-index:200;
            display:flex;align-items:center;justify-content:space-between;
            padding:16px 64px;
            background:oklch(26.2% 0.064 5.4);
            border-bottom:1px solid var(--cream-a08);
        }
.nav-logo{font-family:'Fraunces',serif;font-size:20px;font-weight:700;color:var(--cream);text-decoration:none;}
.nav-back{
            font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
            color:var(--cream-a62);text-decoration:none;
            display:inline-flex;align-items:center;gap:6px;transition:color 0.2s;
        }
.nav-back:hover{color:var(--blush);}
.nav-back svg{width:14px;height:14px;}
.policy-hero{
            background:var(--burgundy);padding:140px 64px 64px;
            position:relative;overflow:hidden;
        }
.policy-hero::before{
            content:'';position:absolute;inset:0;
            background:radial-gradient(ellipse at 70% 50%,var(--terra-a15) 0%,transparent 60%);
        }
.hero-inner{position:relative;z-index:2;max-width:760px;}
.hero-tag{font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:block;}
.hero-title{font-family:'Fraunces',serif;font-size:clamp(32px,5vw,56px);font-weight:900;color:var(--cream);line-height:1.05;letter-spacing:-1px;margin-bottom:16px;}
.hero-meta{font-size:13px;color:var(--cream-a72);}
.policy-wrap{
            display:grid;grid-template-columns:220px 1fr;gap:0;
            max-width:1100px;margin:0 auto;padding:64px 64px 80px;
            align-items:start;
        }