/* Terms, privacy and support pages (LEAD-20). Same tokens and header as the landing and /j/ pages. */
:root{--bg:#F7EFE3;--surface:#FFF9F1;--surface2:#F1E4D2;--line:#E2CFB5;--text:#2A1407;--text2:#6B5442;--text3:#735B49;--you:#FF8A4C;--youText:#A3461A;--youTint:#FFE3D1;--premiumTint:#FBF0D6;--squish:cubic-bezier(.34,1.56,.64,1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.6 'DM Sans',system-ui,sans-serif;min-height:100svh;display:flex;flex-direction:column}
a{color:var(--youText);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--you);outline-offset:3px;border-radius:12px}
.nav{margin:max(10px,env(safe-area-inset-top)) auto 0;width:calc(100% - 20px);max-width:760px;height:56px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px 0 14px;border-radius:999px;background:rgba(255,249,241,.85);border:1px solid rgba(226,207,181,.75);position:sticky;top:10px;z-index:5}
.nav .get{font:700 15px Outfit,sans-serif;color:var(--text);background:var(--you);text-decoration:none;min-height:44px;display:flex;align-items:center;padding:0 18px;border-radius:999px;transition:transform .2s var(--squish)}
.nav .get:hover{transform:scale(1.04)}
.wordmark{display:flex;align-items:center;gap:8px;font:800 21px Outfit,sans-serif;color:var(--text);text-decoration:none;min-height:44px}
.logo{position:relative;width:62px;height:32px;flex:none}.logo svg{position:absolute;bottom:0;width:40px;height:32px}.logo svg:first-child{left:22px}.logo svg:last-child{left:0}
main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:24px 24px 48px}
.draft{background:var(--premiumTint);border:1px solid #E9BA52;border-radius:16px;padding:12px 16px;font-size:15px;line-height:1.5;margin:8px 0 24px}
mark{background:var(--youTint);color:var(--text);border-radius:6px;padding:0 4px;font-size:.92em}
h1{font:800 clamp(36px,7vw,52px)/1.08 Outfit,sans-serif;letter-spacing:-.5px;margin:8px 0 8px}
h2{font:700 26px/1.25 Outfit,sans-serif;margin:40px 0 8px;scroll-margin-top:84px}
h3{font:700 19px/1.35 Outfit,sans-serif;margin:24px 0 4px}
.meta{color:var(--text3);font-size:15px;margin:0 0 16px}
.lede{font-size:19px;color:var(--text2)}
p,li{max-width:68ch}
ul,ol{padding-left:1.3em}li{margin:6px 0}
code{font-size:.92em;background:var(--surface2);border-radius:6px;padding:1px 5px}
.toc{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:12px 20px;margin:16px 0}
.toc ol{margin:0}.toc li{margin:2px 0}.toc li{line-height:1.5;padding:5px 0}
.contact{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:4px 20px;margin:16px 0}
.table{overflow-x:auto;margin:12px 0}
table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.45;background:var(--surface);border-radius:16px;overflow:hidden}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
th{font:700 15px Outfit,sans-serif;background:var(--surface2)}
footer{display:flex;flex-wrap:wrap;gap:4px 20px;justify-content:center;align-items:center;padding:16px 24px 32px;font-size:15px;color:var(--text2)}
footer nav{display:flex;flex-wrap:wrap;gap:4px 20px;justify-content:center}
footer a{color:var(--text2);min-height:44px;display:inline-flex;align-items:center}
@media (prefers-reduced-motion:reduce){.nav .get{transition:none}}