/* The privacy policy and terms pages (25 Oct 2026), in Cotton's Sleek look: paper with a faint glow, one glass sheet, serif heads */
:root { --paper:#FCF9EF; --ink:#1B1917; --muted:#625A52; --accent:#6A4BC4; --lilac:#E3D8FB; --edge:rgba(27,25,23,.08); --glass:linear-gradient(180deg,#FFFFFF,#FFFDF7); --shadow:inset 0 1px 0 #fff, 0 1px 2px rgba(27,25,23,.06), 0 30px 60px -28px rgba(56,40,110,.32); }
@media (prefers-color-scheme: dark) { :root { --paper:#121016; --ink:#F3EFE6; --muted:#B3ABBF; --accent:#B9A5F7; --lilac:#2E2842; --edge:rgba(255,255,255,.07); --glass:linear-gradient(180deg,#24212C,#1D1B23); --shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 26px 50px -24px rgba(0,0,0,.8); color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(70% 40% at 0% 0%, rgba(106,75,196,.10), transparent 60%), var(--paper); background-attachment: fixed; color: var(--ink); font: 16.5px/1.65 'Nunito', system-ui, sans-serif; padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); }
.doc { max-width: 760px; margin: 40px auto 60px; padding: clamp(24px, 5vw, 56px); background: var(--glass); border: 1px solid var(--edge); border-radius: 24px; box-shadow: var(--shadow); }
.brand { display: inline-flex; align-items: center; gap: 9px; font: 400 22px 'Instrument Serif', Georgia, serif; color: var(--ink); text-decoration: none; }
.dot { width: 20px; height: 20px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px var(--lilac); }
h1 { font: 400 clamp(38px, 6vw, 54px)/1.05 'Instrument Serif', Georgia, serif; margin: 26px 0 6px; }
h2 { font: 400 28px/1.15 'Instrument Serif', Georgia, serif; margin: 34px 0 8px; }
.meta { color: var(--muted); margin: 0 0 24px; font-size: 14.5px; }
a { color: var(--accent); }
ul { padding-left: 20px; } li { margin: 7px 0; }
table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 15px; }
th { text-align: left; font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); padding: 8px 10px 8px 0; }
td { padding: 9px 10px 9px 0; border-top: 1px solid var(--edge); vertical-align: top; }
td:first-child { font-weight: 700; white-space: nowrap; }
mark { background: #FFE7A3; color: #1B1917; padding: 0 4px; border-radius: 4px; }
@media (max-width: 520px) { td:first-child { white-space: normal; } }