/* Reading surface for the VectorNext legal documents.
   The palette is taken from :root in index.html — warm oat ground, burnt
   copper accent — set for long-form reading rather than for the planes.
   Colour truth stays in index.html; if that :root changes, change this. */

@font-face { font-family:"Anek Latin"; src:url("../fonts/anek-latin.woff2") format("woff2"); font-weight:300 800; font-display:swap; }
@font-face { font-family:"Instrument Serif"; src:url("../fonts/instrument-serif.woff2") format("woff2"); font-style:normal; font-display:swap; }

:root{
  --ground:#e7dfd2;
  --ink:#1b1917;
  --body:#3a342d;
  --mute:#5b544a;
  --quiet:#6a6255;
  --line:#cec2b0;
  --volt:#9c4a22;
  --volt-glow:rgba(156,74,34,0.10);
  --sans:'Anek Latin','Helvetica Neue',sans-serif;
  --serif:'Instrument Serif',Georgia,serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--ground);color:var(--body);font-family:var(--sans);line-height:1.68}
a{color:inherit}
:focus-visible{outline:2px solid var(--volt);outline-offset:3px}

.bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
  padding:clamp(18px,3vw,26px) clamp(18px,5vw,48px);border-bottom:1px solid var(--line)}
.bar a{text-decoration:none;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--quiet);transition:color .25s}
.bar a:hover{color:var(--volt)}
.bar .home{font-size:15px;letter-spacing:.02em;text-transform:none;color:var(--ink);font-weight:600}
.bar .home .tick{color:var(--volt)}

main{max-width:720px;margin:0 auto;padding:clamp(34px,6vw,64px) clamp(18px,5vw,32px) 80px}
h1{font-family:var(--serif);font-size:clamp(30px,5vw,44px);font-weight:400;letter-spacing:-.01em;
  line-height:1.1;color:var(--ink)}
.stamp{margin-top:16px;font-size:11px;letter-spacing:.1em;line-height:2;color:var(--quiet);
  text-transform:uppercase}
.stamp b{color:var(--mute);font-weight:600}
.lede{margin-top:26px;font-size:18px;color:var(--mute)}

.notice{margin-top:26px;padding:14px 0 14px 18px;border-left:2px solid var(--volt);
  background:var(--volt-glow);font-size:14px;color:var(--mute)}
.notice b{color:var(--ink)}

h2{margin-top:44px;font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--ink);
  display:flex;align-items:baseline;gap:12px}
h2 .num{font-size:11px;color:var(--volt);font-weight:600;letter-spacing:.06em}
p{margin-top:14px;font-size:15.5px}
p b,li b{color:var(--ink);font-weight:600}
ul{margin-top:14px;padding-left:20px}
li{margin-top:8px;font-size:15.5px}
a.link{color:var(--volt);text-decoration:none;border-bottom:1px solid transparent}
a.link:hover{border-bottom-color:var(--volt)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;color:var(--ink)}

footer{max-width:720px;margin:0 auto;padding:22px clamp(18px,5vw,32px) 60px;
  border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;
  flex-wrap:wrap;align-items:center}
footer .fl{font-size:11px;letter-spacing:.06em;color:var(--quiet);line-height:1.8}
footer a{color:var(--mute);text-decoration:none;font-size:11px}
footer a:hover{color:var(--volt)}