/* ============================================================
   HiveVantage — legal pages
   A compact subset of the main design system. Legal pages need
   type, nav and footer; they do not need the hero, device or
   motion CSS, so this is ~7 KB rather than dragging in 45 KB.
   Tokens are copied verbatim from index.html — keep in sync.
   ============================================================ */
:root{
  --void:#1B1815;
  --charcoal:#221E19;
  --graphite:#302921;
  --parchment:#F3EAD8;
  --honey:#C99A3D;
  --amber:#F0B84B;
  --verdant:#3F4A34;
  --ash:#93877A;
  --ash-dim:#6B6157;
  --r-sm:8px;
  --r-card:32px;
  --r-pill:56px;
  --gutter:24px;
  --max:1200px;
  --nav-h:74px;
  --display:"Instrument Serif",Georgia,"Times New Roman",serif;
  --sans:"Schibsted Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"Cascadia Mono","SF Mono",Menlo,Consolas,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;background:var(--void);color:var(--parchment);
  font-family:var(--sans);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
::selection{background:var(--honey);color:var(--void);}
a{color:inherit;transition:opacity .25s var(--ease);}
a:hover{opacity:.7;}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:var(--r-sm);}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter);}

/* nav */
.nav{position:sticky;top:0;z-index:80;background:rgba(27,24,21,.86);
  backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
  border-bottom:1px solid var(--graphite);}
.nav__in{display:flex;align-items:center;gap:24px;height:var(--nav-h);}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none;}
.brand__mark{height:26px;width:22.5px;flex:none;color:var(--honey);}
.brand span{font-size:17px;font-weight:600;letter-spacing:-.025em;}
.nav__back{margin-left:auto;font-size:15px;font-weight:500;color:#BEB1A0;text-decoration:none;}

/* document */
.doc{max-width:76ch;margin:0 auto;padding:clamp(48px,7vw,88px) 0 clamp(64px,8vw,104px);}
.doc__kicker{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ash);display:block;margin-bottom:18px;}
.doc h1{font-family:var(--display);font-weight:400;font-size:clamp(38px,6vw,64px);
  line-height:1;letter-spacing:-.025em;margin:0 0 20px;}
.doc__meta{font-size:14.5px;color:var(--ash-dim);margin:0 0 44px;padding-bottom:28px;
  border-bottom:1px solid var(--graphite);}
.doc h2{font-family:var(--display);font-weight:400;font-size:clamp(24px,3vw,32px);
  line-height:1.15;letter-spacing:-.02em;margin:52px 0 14px;}
.doc h3{font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:-.01em;
  margin:30px 0 8px;}
.doc p{margin:0 0 16px;color:#CBBFAE;}
.doc ul{margin:0 0 18px;padding-left:22px;color:#CBBFAE;}
.doc li{margin-bottom:9px;}
.doc strong{color:var(--parchment);font-weight:600;}
.doc a{color:var(--honey);}
.doc code{font-family:var(--mono);font-size:.9em;color:var(--parchment);
  background:var(--charcoal);border:1px solid var(--graphite);
  border-radius:var(--r-sm);padding:2px 6px;}

/* the review-gating stance is a differentiator, not boilerplate */
.doc__pull{border-left:2px solid var(--honey);padding:4px 0 4px 22px;margin:28px 0;
  color:var(--parchment);}

/* draft banner — remove once a lawyer has signed these off */
.draft{
  display:flex;gap:14px;align-items:flex-start;
  background:rgba(63,74,52,.14);border:1px dashed rgba(63,74,52,.55);
  border-radius:var(--r-card);padding:20px 22px;margin-bottom:44px;
}
.draft__tag{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:#9CB07F;flex:none;padding-top:3px;}
.draft p{margin:0;font-size:14.5px;line-height:1.55;color:#B6AC9C;}

/* footer */
.foot{border-top:1px solid var(--graphite);padding:56px 0 36px;}
.foot__row{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;
  align-items:center;font-size:13.5px;color:var(--ash-dim);}
.foot__links{display:flex;flex-wrap:wrap;gap:20px;}
.foot__links a{color:#BCAF9E;text-decoration:none;font-size:14px;}
@media(max-width:560px){:root{--nav-h:66px;}.nav__in{height:66px;gap:14px;}}