/* Legal pages: same type and colours as the waitlist, plain reading layout. */
@font-face { font-family: "BDO Grotesk"; src: url(/fonts/bdo-regular.woff2) format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "BDO Grotesk"; src: url(/fonts/bdo-medium.woff2) format("woff2"); font-weight: 500; font-display: swap; }
:root { --font: "BDO Grotesk", system-ui, -apple-system, sans-serif; --page: #f7f8f2; --text: #0b0f0c; --soft: rgb(11 15 12 / 0.62); --line: rgb(11 15 12 / 0.1); --accent: #0d5cff; }
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--page); color: var(--text); font: 400 17px/1.55 var(--font); letter-spacing: -0.01em; -webkit-font-smoothing: antialiased; }
.legal-nav { display: flex; justify-content: space-between; align-items: center; height: 64px; padding: 0 clamp(16px, 4vw, 48px); }
.legal-nav img { height: 40px; width: auto; }
.legal-nav a { color: var(--text); font-size: 15px; text-decoration: none; }
.legal-nav a:hover { color: var(--soft); }
main { width: min(720px, 100% - 32px); margin: 0 auto; padding: clamp(40px, 8vw, 96px) 0 96px; }
h1 { margin: 0 0 8px; font-weight: 400; font-size: clamp(34px, 4.4vw, 52px); line-height: 1.02; letter-spacing: -0.04em; }
.updated { margin: 0 0 40px; color: var(--soft); font-size: 14px; }
h2 { margin: 44px 0 10px; font-weight: 500; font-size: 20px; letter-spacing: -0.02em; }
p, li { margin: 0 0 14px; max-width: 65ch; }
ul { padding-left: 20px; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
.legal-foot { padding: 24px clamp(16px, 4vw, 48px) 40px; border-top: 1px solid var(--line); color: var(--soft); font-size: 14px; }
.cookies { width: 100%; border-collapse: collapse; margin: 8px 0 20px; font-size: 14px; }
.cookies th, .cookies td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--line); }
.cookies th { font-weight: 500; }
@media (max-width: 640px) { .cookies { display: block; overflow-x: auto; white-space: nowrap; } }
