/* Shared by the three documents. Same tokens as the landing page — the legal
   pages are the same product, set quieter: one column, longer measure, no
   moving parts. */
@font-face{
  font-family:"Nunito";
  src:url("/assets/nunito.ttf") format("truetype-variations");
  font-weight:200 1000;
  font-display:swap;
}

:root{
  --page:#F0EBDD;
  --surface:#FFFFEF;
  --ink:#2C3E50;
  --body:#5A6B7D;
  --muted:#8B9DB1;
  --warm:#A99B84;
  --accent:#C8602F;
  --hairline:rgba(42,36,32,.10);
  --border:rgba(42,36,32,.16);
  --col:min(760px,92vw);
}
:root:not([data-theme="light"]){
  @media (prefers-color-scheme:dark){
    --page:#1C1814; --surface:#2A2420; --ink:#F0EBDD; --body:#C4B8A6;
    --muted:#8B8170; --warm:#8B8170; --accent:#E07A48;
    --hairline:rgba(255,255,255,.09); --border:rgba(255,255,255,.16);
  }
}
:root[data-theme="dark"]{
  --page:#1C1814; --surface:#2A2420; --ink:#F0EBDD; --body:#C4B8A6;
  --muted:#8B8170; --warm:#8B8170; --accent:#E07A48;
  --hairline:rgba(255,255,255,.09); --border:rgba(255,255,255,.16);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--page);color:var(--ink);
  font-family:"Nunito",system-ui,sans-serif;font-weight:600;
  font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased;
}
.wrap{width:var(--col);margin-inline:auto}
a{color:inherit}
p,ul{margin:0}
code{
  font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:.88em;
  background:var(--surface);border:1px solid var(--hairline);
  border-radius:6px;padding:1px 6px;
}

header{border-bottom:1px solid var(--hairline)}
.bar{display:flex;align-items:center;gap:18px;padding:14px 0;width:min(1180px,92vw);margin-inline:auto}
.mark{display:flex;align-items:baseline;gap:.1em;font-weight:1000;font-size:20px;
  letter-spacing:-.045em;text-decoration:none}
.mark i{font-style:normal;color:var(--accent)}
.bar nav{margin-left:auto;display:flex;gap:20px;font-size:14px;font-weight:800;color:var(--body)}
.bar nav a{text-decoration:none}
.bar nav a:hover,.bar nav a[aria-current]{color:var(--accent)}

.doc{padding:clamp(40px,7vw,80px) 0 clamp(56px,8vw,96px);
  display:flex;flex-direction:column;gap:18px}
.eyebrow{font-size:11px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
h1{margin:0;font-size:clamp(30px,4.6vw,46px);font-weight:1000;letter-spacing:-.03em;
  line-height:1.06;text-wrap:balance}
h2{margin:26px 0 0;font-size:clamp(19px,2.2vw,23px);font-weight:1000;letter-spacing:-.02em;
  text-wrap:balance}
.lede{font-size:clamp(17px,1.4vw,19px);color:var(--body);max-width:62ch}
.stamp{font-size:13px;font-weight:800;color:var(--warm)}
.doc p{color:var(--body);max-width:68ch}
.doc h1,.doc h2{color:var(--ink)}
.doc b,.doc strong{color:var(--ink);font-weight:900}
ul{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:14px;max-width:68ch}
ul li{color:var(--body);padding-left:20px;position:relative}
ul li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;
  border-radius:50%;background:var(--accent);opacity:.55}

.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:20px;
  padding:24px;display:flex;flex-direction:column;gap:10px}
.panel b{font-size:17px}

footer{border-top:1px solid var(--hairline);padding:30px 0 44px}
.foot{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;
  font-size:14px;font-weight:700;color:var(--body)}
.foot a{text-decoration:none}
.foot a:hover{color:var(--accent)}

:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:6px}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}
