/* The legal pages (privacy, terms, refunds) and the 404 page — the site's tokens, a reading column. */
.logo .wordmark{font-family:'Saira',var(--disp);font-weight:800;font-stretch:125%;font-variation-settings:'wdth' 125;letter-spacing:.01em}
body{margin:0;background:#FFFFFF}
#site-root{background:var(--ground);color:var(--text);font-family:var(--sans);min-height:100vh;display:flex;flex-direction:column}
a{color:inherit}
.lnav{border-bottom:1px solid var(--line)}
.lnav .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);height:72px}
.lnav a{text-decoration:none}
.lnav .btn{padding:9px 20px}
.legal{flex:1;max-width:760px;padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(56px,8vw,96px)}
.legal h1{font-size:clamp(34px,5vw,52px);line-height:1.05;letter-spacing:-0.025em;font-weight:600;margin:0 0 var(--s-6)}
.legal h2{font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-0.01em;margin:var(--s-8) 0 var(--s-3)}
.legal p,.legal li{font-size:16px;line-height:1.65;color:var(--text-2)}
.legal p{margin:0 0 var(--s-4)}
.legal ul{margin:0 0 var(--s-4);padding-left:22px}
.legal li{margin:0 0 var(--s-2)}
.legal strong{color:var(--text);font-weight:600}
.legal a{color:var(--accent-text);text-underline-offset:3px}
.legal code{font-family:var(--mono);font-size:.9em}
.legal .tbl{overflow-x:auto;margin:var(--s-4) 0 var(--s-6);border:1px solid var(--line);border-radius:14px}
.legal table{border-collapse:collapse;width:100%;font-size:14.5px;line-height:1.5}
.legal th,.legal td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--text-2)}
.legal th{color:var(--text);font-weight:600;background:var(--surface)}
.legal tr:last-child td{border-bottom:0}
.legal td:first-child{min-width:12ch}
.lfoot{border-top:1px solid var(--line);font-size:13.5px;color:var(--text-3)}
.lfoot .wrap{display:flex;flex-wrap:wrap;gap:var(--s-4);justify-content:space-between;align-items:center;padding-top:var(--s-5);padding-bottom:var(--s-6)}
.lfoot nav{display:flex;flex-wrap:wrap;gap:var(--s-5)}
.lfoot a{text-decoration:none}
.lfoot a:hover,.lnav a:hover{color:var(--accent-text)}
.nf{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:80px;padding-bottom:120px}
.nf h1{font-size:clamp(40px,6vw,72px);letter-spacing:-0.03em;font-weight:600;margin:0}
.nf p{font-size:18px;color:var(--text-2);margin:var(--s-4) 0 var(--s-6)}
