@font-face { font-family: 'Unbounded'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('/assets/fonts/unbounded-600-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
:root { color-scheme: light dark; font-family: system-ui, -apple-system, sans-serif; color: #202124; background: #f7f7f8; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 16px; line-height: 1.65; }
header, main, footer { max-width: 960px; margin: auto; padding: 24px; }
header { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; border-bottom: 1px solid #d5d5d8; }
a { color: inherit; text-underline-offset: 4px; overflow-wrap: anywhere; }
.brand { font-family: 'Unbounded', system-ui, -apple-system, sans-serif; font-size: 22px; font-weight: 600; letter-spacing: -.01em; text-decoration: none; }
.legal-back { flex-basis: 100%; font-size: 15px; font-weight: 600; text-decoration: none; }
nav { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13px; }
nav [aria-current] { font-weight: 700; }
h1 { font-size: clamp(25px, 4vw, 36px); line-height: 1.25; margin: 16px 0 24px; }
h2 { font-size: 22px; line-height: 1.4; margin: 32px 0 14px; }
p, ul { margin: 16px 0; }
li { margin: 8px 0; }
.table-scroll { max-width: 100%; overflow-x: auto; }
table { border-collapse: collapse; min-width: 560px; width: 100%; font-size: 14px; }
th, td { padding: 12px; text-align: left; border-bottom: 1px solid #d5d5d8; vertical-align: top; }
footer { font-size: 13px; border-top: 1px solid #d5d5d8; }
@media (max-width: 600px) { header, main, footer { padding: 18px; } }
@media (prefers-color-scheme: dark) {
  :root { color: #e7e7eb; background: #141416; }
  header, footer, th, td { border-color: #38383c; }
}
