/* Privacy and Imprint pages. Same tokens as index.html, reading layout only. */
:root { --black: #000; --white: #fff; --red: #fe2c55; --dim: #a7a7ab; --line: #2c2c2e; --sans: "TikTok Sans", "SF Pro", -apple-system, system-ui, sans-serif; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--black); color: var(--white); font: 400 17px/1.6 var(--sans); }
a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.page { max-width: 760px; margin: 0 auto; padding: 32px 16px 96px; }
.top { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 20px; text-decoration: none; }
.top i { width: 14px; height: 14px; border-radius: 50%; background: var(--red); flex: none; }
h1 { margin: 64px 0 8px; font-weight: 900; font-size: clamp(40px, 8vw, 64px); line-height: 1.02; letter-spacing: -0.02em; }
.updated { color: var(--dim); font-size: 15px; margin: 0 0 40px; }
h2 { margin: 48px 0 8px; font-weight: 800; font-size: 22px; line-height: 1.3; }
p, li { color: #e5e5ea; }
ul { padding-left: 20px; }
.box { background: var(--red); border-radius: 16px; padding: 18px 20px; margin: 0 0 32px; color: var(--white); font-weight: 700; }
.box p { color: var(--white); margin: 0; }
address { font-style: normal; }
footer { margin-top: 72px; padding-top: 24px; border-top: 1px solid var(--line); color: var(--dim); font-size: 15px; display: flex; flex-wrap: wrap; gap: 8px 20px; }