/* Страницы условий и политики (/terms/, /privacy/): та же палитра и шрифт, что у главной, одна колонка текста. */
:root {
  --bg: #0f0f0f;
  --ink: var(--c-ink);
  --soft: var(--c-fg);
  --muted: var(--c-muted);
  --line: var(--c-surface);
  --accent: var(--c-accent);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
* { box-sizing: border-box; }
::selection { background: var(--accent); color: var(--c-on-accent); }
html { background: var(--bg); }
body { margin: 0; background-color: var(--bg); color: var(--soft); font: 16px/1.6 var(--font); -webkit-font-smoothing: antialiased; }
header, main, footer { width: 100%; max-width: 720px; margin: 0 auto; padding-inline: 24px; }
header { padding-top: 32px; }
.wordmark { display: inline-block; font-size: 22px; font-weight: 800; line-height: 1; letter-spacing: -.035em; transform: skewX(10deg); color: var(--ink); text-decoration: none; }
main { padding-block: 48px 32px; }
h1 { margin: 0 0 8px; color: var(--ink); font-size: clamp(28px, 5vw, 40px); line-height: 1.1; font-weight: 800; letter-spacing: -.02em; }
.updated { margin: 0 0 32px; color: var(--muted); font-size: 14px; }
h2 { margin: 40px 0 8px; color: var(--ink); font-size: 20px; line-height: 1.3; }
h3 { margin: 24px 0 8px; color: var(--ink); font-size: 16px; line-height: 1.3; }
p, ul { margin: 0 0 16px; }
ul { padding-left: 24px; }
li { margin-bottom: 8px; }
strong { color: var(--ink); }
a { color: var(--accent); text-underline-offset: .2em; }
a:hover { color: var(--c-accent-hover); }
footer { display: flex; flex-wrap: wrap; gap: 8px 24px; padding-top: 16px; padding-bottom: 32px; border-top: 1px solid var(--line); font-size: 14px; }
footer a { color: var(--soft); white-space: nowrap; }
@media (max-width: 600px) { header { padding-top: 24px; } main { padding-block: 32px 24px; } }