/* Standalone pages (privacy, thanks): the site's tokens from styles.css, plus a readable text column. */
.legal{min-height:100vh;background:var(--ink);color:var(--fog);padding:28px var(--gut) 90px}
.legal_top{display:flex;justify-content:space-between;align-items:center;max-width:var(--max);margin:0 auto 70px}
.legal_logo{font-size:22px;letter-spacing:-.01em}
.legal_logo i{display:inline-block;width:.34em;height:.34em;background:var(--lime);border-radius:1px;margin-left:2px}
.legal_body{max-width:44rem;margin:0 auto}
.legal_body h1{font-size:clamp(2rem,4vw,3rem);line-height:1;text-transform:uppercase;margin-bottom:14px}
.legal_body .updated{font-size:14px;color:var(--mute);margin-bottom:44px}
.legal_body h2{font-size:20px;line-height:1.3;margin:44px 0 12px}
.legal_body p,.legal_body li{font-size:16px;line-height:1.6;color:var(--fog-2)}
.legal_body p+p{margin-top:12px}
.legal_body ul{list-style:disc;padding-left:1.2em;display:grid;gap:8px;margin-top:10px}
.legal_body a{color:var(--fog);text-decoration:underline;text-underline-offset:3px}
.legal_body table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px;line-height:1.5}
.legal_body th,.legal_body td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--line-d);color:var(--fog-2)}
.legal_body th{color:var(--fog);font-weight:500}
.legal_body .todo{color:var(--lime)}
.legal_body button{color:var(--fog);text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){.legal_body table,.legal_body thead,.legal_body tbody,.legal_body tr,.legal_body th,.legal_body td{display:block}.legal_body thead{display:none}.legal_body td{padding:4px 0}.legal_body tr{padding:10px 0;border-bottom:1px solid var(--line-d)}.legal_body td{border:0}}
.legal_body a.pill{color:var(--lime-ink);text-decoration:none}