/* Правовые документы (public/*.html) — статика вне React, поэтому токены
   продублированы из src/index.css (@theme). Меняется палитра там —
   меняется и здесь. */
@font-face {
  font-family: "Golos Text";
  src: url("/fonts/golos-text.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --accent: oklch(0.72 0.17 65);
  --accent-hover: oklch(0.78 0.17 65);
  --base-900: oklch(0.19 0.01 60);
  --base-800: oklch(0.24 0.01 60);
  --base-700: oklch(0.29 0.01 60);
  --text: oklch(0.93 0.01 60);
  --text-muted: oklch(0.68 0.01 60);
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--base-900);
  color: var(--text);
  font: 16px/1.6 "Golos Text", system-ui, sans-serif;
}
main {
  max-width: 820px;
  margin: 32px auto;
  padding: 32px 40px;
  background: var(--base-800);
  border-radius: 8px;
}
@media (max-width: 860px) {
  main { margin: 0; padding: 24px 16px; border-radius: 0; }
}
/* Шапка повторялась на каждой печатной странице — на экране только первая. */
.brand {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--accent);
  border-bottom: 1px solid var(--base-700);
  padding-bottom: 12px;
  margin-bottom: 24px;
}
.page + .page .brand, .foot { display: none; }
h1 { font-size: 32px; line-height: 1.2; margin: 0 0 8px; }
h2 { font-size: 20px; line-height: 1.3; margin: 32px 0 12px; }
h3 { font-size: 17px; line-height: 1.3; margin: 20px 0 8px; }
p { margin: 0 0 12px; }
ul { padding-left: 22px; margin: 8px 0 12px; }
li { margin-bottom: 8px; }
.meta, .approve { color: var(--text-muted); font-size: 14px; margin-bottom: 24px; }
.approve { text-align: right; }
a {
  color: var(--accent);
  text-decoration: none;
  overflow-wrap: anywhere;
  text-underline-offset: 2px;
}
a:hover { color: var(--accent-hover); text-decoration: underline; }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 2px; }
strong { color: var(--text); }