/* Privacy and terms pages: the app's tokens (app.css), a reading column and nothing else. */
.legal{max-width:720px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 24px) max(16px,env(safe-area-inset-right,0px)) 48px max(16px,env(safe-area-inset-left,0px))}
.legal header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:28px}
.legal .brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:800 20px var(--display);text-decoration:none;color:var(--ink)}
.legal header nav{display:flex;gap:4px}
.legal header nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:12px;text-decoration:none;font-weight:600;color:var(--muted)}
.legal header nav a[aria-current="page"]{color:var(--ink);background:var(--sunk)}
.legal h1{font:800 clamp(28px,6vw,36px)/1.15 var(--display);margin-bottom:8px}
.legal h2{font:700 20px/1.3 var(--display);margin:36px 0 10px;scroll-margin-top:16px}
.legal h3{font:700 16px/1.4 var(--body);margin:20px 0 6px}
.legal p,.legal li{max-width:68ch;overflow-wrap:anywhere}
.legal p+p{margin-top:10px}
.legal ul,.legal ol{margin:8px 0 0;padding-inline-start:22px}
.legal li+li{margin-top:6px}
.legal a{color:var(--ink);text-decoration-color:var(--flare);text-underline-offset:3px}
.legal .lede{color:var(--muted)}
.legal .note{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-top:14px}
.legal footer{margin-top:44px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
/* app.css sets main up for the side rail and bottom bar; these pages have neither. */
.legal main{padding:0;margin:0;max-width:none}

.legal .brand .ec-logo{height:24px;width:auto;display:block}
.legal footer a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}