/* Shared styling for legal pages (privacy / terms / cookies) — matches the main site */
:root { --mono: "Switzer", ui-sans-serif, system-ui, sans-serif; --font: "Satoshi", ui-sans-serif, system-ui, -apple-system, sans-serif; --font-display: "Switzer", "Satoshi", ui-sans-serif, system-ui, sans-serif; --ink: #f3f5ef; --base: #0d1016; --lime: #C7E86B; }
html, body { overflow-x: clip; }
body { margin: 0; background: var(--base); color: var(--ink); font-family: var(--font); font-size: 16.5px; line-height: 1.7; }
.topbar { display: flex; align-items: center; padding: 20px 28px; }
.topbar .brand { display: flex; align-items: center; gap: 10px; font-family: var(--font-display); font-weight: 600; font-size: 17px; color: var(--ink); text-decoration: none; }
.topbar .brand svg { width: 21px; height: 21px; stroke: var(--ink); fill: none; stroke-width: 1.6; }
.topbar .mint { color: var(--lime); }
.topbar .back { margin-left: auto; font-family: var(--mono); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.55); text-decoration: none; }
.topbar .back:hover { color: var(--lime); }
main { max-width: 720px; margin: 0 auto; padding: 48px 28px 100px; }
.kicker { font-family: var(--mono); font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--lime); margin: 0 0 14px; }
h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(1.9rem, 4.5vw, 2.8rem); line-height: 1.08; letter-spacing: -0.02em; margin: 0 0 10px; }
.date { font-family: var(--mono); font-size: 12px; letter-spacing: 0.06em; color: rgba(255,255,255,0.5); margin: 0 0 34px; }
h2 { font-family: var(--font-display); font-weight: 700; font-size: 19px; letter-spacing: -0.01em; margin: 34px 0 10px; max-width: none; }
h3 { font-family: var(--font-display); font-weight: 700; font-size: 15.5px; margin: 22px 0 8px; max-width: none; }
ul { color: rgba(255,255,255,0.8); margin: 0 0 18px; padding-left: 22px; }
li { margin-bottom: 5px; }
p { color: rgba(255,255,255,0.8); margin: 0 0 18px; }
.legal-note { font-size: 13.5px; color: rgba(255,255,255,0.45); }
a { color: var(--lime); text-decoration: none; }
a:hover { text-decoration: underline; }
.contact { margin-top: 44px; padding-top: 26px; border-top: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.65); font-size: 15px; }