/* Legal pages: same paper/ink palette and type as the site, built for long reading. */
:root{--paper:#f6f3ec;--card:#fffdf8;--ink:#14130f;--ink-2:#3b3a34;--muted:#77736a;--line:#e2dccf;--lime:#c6f432;--coral:#ff5b3a;--warn:#fff4d6;--warn-line:#e8c766;
 --display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Instrument Sans",system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#100f0c;--card:#1b1a16;--ink:#f6f3ec;--ink-2:#d8d4ca;--muted:#a19c90;--line:#2e2c26;--warn:#2b2412;--warn-line:#6b5a22}}
:root[data-theme="dark"]{--paper:#100f0c;--card:#1b1a16;--ink:#f6f3ec;--ink-2:#d8d4ca;--muted:#a19c90;--line:#2e2c26;--warn:#2b2412;--warn-line:#6b5a22}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--body);padding:28px max(16px,env(safe-area-inset-left,0px)) 80px max(16px,env(safe-area-inset-right,0px))}
.wrap{max-width:720px;margin:0 auto}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:40px}
.logo{display:flex;align-items:center;gap:10px;font:800 22px var(--display);letter-spacing:-.04em;color:var(--ink);text-decoration:none}
.logo-mark{width:34px;height:34px;border-radius:10px;background:#14130f url("../brand/relaypo-mark.svg") center/86% no-repeat}
nav a{color:var(--ink-2);font-size:15px;margin-left:14px}
.draft{background:var(--warn);border:1px solid var(--warn-line);border-radius:14px;padding:14px 16px;font-size:15px;margin-bottom:28px}
h1{font:800 clamp(34px,6vw,48px)/1.02 var(--display);letter-spacing:-.04em;margin:0 0 6px;text-wrap:balance}
.updated{color:var(--muted);font-size:14px;margin:0 0 28px}
h2{font:700 23px/1.2 var(--display);letter-spacing:-.02em;margin:40px 0 10px}
p,li{color:var(--ink-2);max-width:66ch}
li{margin:6px 0}
table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0}
th,td{text-align:left;padding:9px 8px;border-top:1px solid var(--line);vertical-align:top}
th{font-weight:600;color:var(--ink)}
.tbl{overflow-x:auto}
.fill{background:var(--warn);border-bottom:1px dashed var(--warn-line);padding:0 4px;border-radius:4px}
a{color:var(--ink)}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;display:flex;gap:16px;flex-wrap:wrap}