/* Whetmark legal pages — shares the Scholar-Emerald palette with index.html.
   Deliberately light: no embedded fonts, no scripts, no third-party requests,
   so these pages honour the same no-tracker promise they describe. Fraunces is
   the brand display face; where it is not loaded these pages fall back to
   Georgia, which keeps them elegant without shipping a 400 KB font. */
:root{
  --bg:#f4efe4; --surface:#faf6ec; --ink:#20302a; --ink-soft:#46554e;
  --muted:#7c857e; --emerald:#123528; --gold:#b0842f; --green:#2f7d5b;
  --line:rgba(32,48,42,.14);
  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --body:"Public Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink); font-family:var(--body);
  font-size:17px; line-height:1.65; letter-spacing:.01em;
}
.wrap{max-width:760px; margin:0 auto; padding:0 24px}
header.legalhead{background:var(--emerald); color:#dfeee6; padding:22px 0}
header.legalhead .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.logo{display:inline-flex; align-items:center; gap:10px; color:#dfeee6; text-decoration:none; font-family:var(--display); font-size:20px; font-weight:600}
.logo b{font-weight:600; color:#fff}
.logo .mark{display:inline-flex; width:30px; height:30px; align-items:center; justify-content:center; border:1px solid rgba(223,238,230,.35); border-radius:8px}
header.legalhead nav a{color:#bcd3c8; text-decoration:none; font-size:14px; margin-left:20px}
header.legalhead nav a:hover{color:#fff}
main{padding:56px 0 40px}
.eyebrow{font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); font-weight:700; margin-bottom:14px}
h1{font-family:var(--display); font-weight:600; font-size:clamp(30px,5vw,44px); line-height:1.08; margin:0 0 8px; color:var(--emerald); text-wrap:balance}
.updated{color:var(--muted); font-size:14px; margin:0 0 36px}
h2{font-family:var(--display); font-weight:600; font-size:23px; color:var(--emerald); margin:40px 0 10px; line-height:1.2}
h3{font-size:16px; font-weight:700; color:var(--ink); margin:26px 0 6px}
p,li{color:var(--ink-soft)}
a{color:var(--green); text-decoration:underline; text-underline-offset:2px}
ul,ol{padding-left:22px}
li{margin:6px 0}
.callout{background:var(--surface); border:1px solid var(--line); border-left:3px solid var(--gold); border-radius:10px; padding:16px 18px; margin:22px 0}
.callout p{margin:0; color:var(--ink)}
.tbd{background:#fbe7d8; border:1px solid #e6b98a; border-radius:4px; padding:1px 6px; font-size:.86em; color:#8a5316; font-weight:600}
table{border-collapse:collapse; width:100%; margin:18px 0; font-size:15px}
th,td{border:1px solid var(--line); padding:9px 12px; text-align:left; vertical-align:top}
th{background:var(--surface); color:var(--ink); font-weight:700}
footer.legalfoot{border-top:1px solid var(--line); margin-top:48px; padding:26px 0 60px; color:var(--muted); font-size:14px}
footer.legalfoot a{color:var(--ink-soft)}
.backhome{display:inline-block; margin-top:8px; font-size:15px}
@media (prefers-color-scheme:dark){
  /* the site itself is light-only; keep these readable if a reader forces dark */
  :root{--bg:#12100c; --surface:#1b1811; --ink:#ece6d8; --ink-soft:#c3bdb0; --muted:#8f897c; --line:rgba(236,230,216,.16)}
  header.legalhead{background:#0c2019}
}