/* Шрифты — <link>'ом в самих страницах: @import добавлял лишний круг. */
/* Палитра синхронизирована с public/css/app.css (индиго → фиолет). Раньше здесь
   жила бежево-тиловая схема от прежней версии дизайна, и правовые страницы
   выглядели как чужой сайт. */
:root { --ink:#171833; --soft:#474A72; --bg:#F3F4FB; --surface:#FFFFFF; --brand:#4F46E5; --line:rgba(23,24,51,.12); }
@media (prefers-color-scheme: dark) { :root { --ink:#ECEDFB; --soft:#A9ACD4; --bg:#0B0C1A; --surface:#15172B; --brand:#7B78F0; --line:rgba(255,255,255,.12); } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: 'Golos Text', system-ui, sans-serif; line-height: 1.6; }
.wrap { max-width: 760px; margin: 0 auto; padding: 32px 20px 80px; }
.top { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
.back { font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--brand); text-decoration: none; border: 1px solid var(--line); padding: 8px 14px; border-radius: 10px; }
h1 { font-family: 'Golos Text', system-ui, sans-serif; font-weight: 800; font-size: 30px; letter-spacing: .01em; margin: 0 0 4px; }
.upd { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: var(--soft); margin-bottom: 24px; }
h2 { font-family: 'Golos Text', system-ui, sans-serif; font-weight: 700; font-size: 20px; margin: 28px 0 8px; }
p, li { font-size: 16px; color: var(--ink); }
p, ul { margin: 8px 0; }
ul { padding-left: 22px; }
li { margin: 4px 0; }
a { color: var(--brand); }
.note { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; font-size: 15px; color: var(--soft); margin: 14px 0; }
.ph { background: color-mix(in srgb, #d8801b 18%, transparent); border-radius: 4px; padding: 0 4px; }
footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 13px; color: var(--soft); }