/* Veyrum legal pages — shared styles (brand tokens from ASSET-SPEC) */
:root{
  --paper:#FAFAFB; --paper-2:#F1F1EE; --ink:#16191D; --muted:#59616A;
  --line:#DBDDE2; --gold:#F0A202; --gold-deep:#C7860A; --slate:#1B262D;
  --display:"Fraunces",Georgia,serif;
  --sans:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6}
a{color:#8a5e00}
h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;line-height:1.15}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:100}
.skip:focus{left:8px;top:8px}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
header.site{border-bottom:1px solid var(--line);background:#fff}
header .wrap{max-width:820px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:14px}
.brand{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:.02em;text-decoration:none;color:var(--ink)}
.brand sup{font-size:10px;top:-.9em}
header .spacer{flex:1}
header nav a{font-family:var(--mono);font-size:13px;text-decoration:none;color:var(--muted);margin-left:16px}
header nav a:hover{color:var(--ink)}
main{max-width:820px;margin:0 auto;padding:40px 24px 80px}
.draft{background:#FFF4D6;border:1px solid #E7CE86;border-radius:6px;padding:12px 16px;font-family:var(--mono);
  font-size:12.5px;color:#6b5300;margin:0 0 28px;line-height:1.5}
.eyebrow{font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8a5e00}
h1{font-size:clamp(28px,4vw,40px);margin:8px 0 6px}
.meta{font-family:var(--mono);font-size:12.5px;color:var(--muted);margin:0 0 30px}
h2{font-size:22px;margin:34px 0 8px}
p,li{color:#2a2f35}
.ph{background:var(--paper-2);border-left:3px solid var(--gold);padding:10px 14px;color:var(--muted);
  font-style:italic;border-radius:0 4px 4px 0;margin:10px 0}
.tag{font-family:var(--mono);font-size:11px;background:#eceae4;border:1px solid #dcd8cc;border-radius:3px;
  padding:1px 6px;color:#6b6250;font-style:normal}
footer.site{border-top:1px solid var(--line);background:#fff;margin-top:40px}
footer .wrap{max-width:820px;margin:0 auto;padding:26px 24px;font-family:var(--mono);font-size:12.5px;color:var(--muted)}
footer a{color:var(--muted)}
.toc a{display:inline-block;margin:2px 10px 2px 0}

/* cookie consent banner */
#cc{position:fixed;left:0;right:0;bottom:0;background:var(--slate);color:#EAF0F3;z-index:200;
  padding:16px 20px;display:none;font-size:14px}
#cc.show{display:block}
#cc .in{max-width:960px;margin:0 auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
#cc p{margin:0;flex:1;min-width:240px;color:#CBD5DB}
#cc a{color:var(--gold)}
#cc button{font-family:var(--sans);font-weight:600;font-size:14px;border:1px solid #3a4952;background:transparent;
  color:#fff;padding:9px 16px;border-radius:2px;cursor:pointer}
#cc button.accept{background:var(--gold);border-color:var(--gold-deep);color:#241a00}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}