/* Shared styling for privacy.html / terms.html — mirrors index.html's brass
   art direction (warm ink + paper, Instrument Serif display, Inter body). */
:root{
  --ink:#12100e; --ink-2:#1c1917;
  /* Dark, matching index.html: roles remapped, rules untouched. */
  --paper:#12100e; --paper-2:#191512;
  --fg:#f6f2ec; --fg-muted:#a89f95; --fg-soft:#7d746b;
  --line:rgba(255,255,255,.09);
  /* Lifted brass as the accent: deep brass is mixed for paper and vanishes on ink. */
  --brass:#b4894e; --brass-lift:#d9b477; --brass-hi:#f0dcb4; --brass-deep:#d9b477;
  --sans:Inter,ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --display:"Instrument Serif",Georgia,"Times New Roman",serif;
  --maxw:760px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--fg);font-family:var(--sans);
  line-height:1.65;font-size:16.5px;letter-spacing:-.005em;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* header */
header.top{background:#0b0a09;color:#f5f1ea;padding:18px 0;border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:11px;font-weight:600;letter-spacing:-.01em}
.brand .mk{width:30px;height:30px;border-radius:9px;background:rgba(240,220,180,.12);
  display:grid;place-items:center;flex:0 0 auto}
.brand small{display:block;font-weight:400;font-size:11px;opacity:.7;letter-spacing:.02em}
.back{color:var(--brass-lift);font-size:14px;text-decoration:none;font-weight:500;white-space:nowrap}
.back:hover{text-decoration:underline}

/* document */
main{padding:56px 0 80px}
.eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--brass-deep);margin-bottom:14px}
h1{font-family:var(--display);font-weight:400;font-size:clamp(34px,6vw,50px);
  line-height:1.06;letter-spacing:-.02em;margin-bottom:14px}
.updated{color:var(--fg-soft);font-size:14px;margin-bottom:14px}
.summary{background:var(--paper-2);border:1px solid var(--line);border-left:3px solid var(--brass);
  border-radius:10px;padding:18px 20px;margin:26px 0 34px}
.summary strong{font-weight:600}
h2{font-family:var(--sans);font-size:19px;font-weight:600;letter-spacing:-.015em;
  margin:38px 0 12px;padding-top:20px;border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-size:16px;font-weight:600;margin:22px 0 8px}
p{margin-bottom:14px;color:var(--fg-muted)}
p.tight{margin-bottom:8px}
ul,ol{margin:0 0 16px 22px;color:var(--fg-muted)}
li{margin-bottom:8px}
li::marker{color:var(--brass)}
strong{color:var(--fg);font-weight:600}
a{color:var(--brass-deep);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--brass)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;
  background:var(--paper-2);border:1px solid var(--line);border-radius:5px;padding:1px 5px}
table{width:100%;border-collapse:collapse;margin:6px 0 20px;font-size:14.5px}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:600;color:var(--fg);background:var(--paper-2);font-size:13px;
  text-transform:uppercase;letter-spacing:.05em}
td{color:var(--fg-muted)}
.tablewrap{overflow-x:auto}

footer{background:var(--ink);color:#8d8478;padding:28px 0;font-size:13.5px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer a{color:#b9b0a4}

:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:4px}
@media (max-width:560px){ main{padding:40px 0 60px} body{font-size:16px} }