/* Оформление правовых страниц. Токены и шрифты — те же, что на главной:
   источник assets/fonts/ и блок tokens в index.html. */
@font-face{font-family:"Geologica";font-weight:680;font-display:swap;src:url(fonts/geo-680-cyr.woff2) format("woff2");unicode-range:U+0401,U+0410-044F,U+0451,U+2116}
@font-face{font-family:"Geologica";font-weight:680;font-display:swap;src:url(fonts/geo-680-lat.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0,U+00AB,U+00B7,U+00BB,U+00D7,U+2013-2014,U+2018-2019,U+201C-201E,U+2026,U+2192-2193,U+2212}
@font-face{font-family:"Geologica";font-weight:560;font-display:swap;src:url(fonts/geo-560-cyr.woff2) format("woff2");unicode-range:U+0401,U+0410-044F,U+0451,U+2116}
@font-face{font-family:"Geologica";font-weight:560;font-display:swap;src:url(fonts/geo-560-lat.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0,U+00AB,U+00B7,U+00BB,U+00D7,U+2013-2014,U+2018-2019,U+201C-201E,U+2026,U+2192-2193,U+2212}
@font-face{font-family:"Geologica";font-weight:420;font-display:swap;src:url(fonts/geo-420-cyr.woff2) format("woff2");unicode-range:U+0401,U+0410-044F,U+0451,U+2116}
@font-face{font-family:"Geologica";font-weight:420;font-display:swap;src:url(fonts/geo-420-lat.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0,U+00AB,U+00B7,U+00BB,U+00D7,U+2013-2014,U+2018-2019,U+201C-201E,U+2026,U+2192-2193,U+2212}
@font-face{font-family:"Geo fb";font-weight:100 900;src:local("Roboto"),local("Roboto-Regular");size-adjust:114%;ascent-override:85.5%;descent-override:24.1%;line-gap-override:0%}
@font-face{font-family:"Geo fb2";font-weight:100 900;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("Helvetica");size-adjust:107%;ascent-override:91%;descent-override:25.7%;line-gap-override:0%}

:root{
  --bg:#070B16;--bg2:#0B1230;--line:#24304F;--line2:#33416A;
  --ink:#EAF0FA;--ink2:#A3AFC8;--paper:#F4F6FB;--cy:#05D5FB;--on-cy:#03141B;
  --gold:#F5B83D;--gold-ink:#F5B83D;
  --fh:"Geologica","Geo fb","Geo fb2",system-ui,sans-serif;
  --ft:"Geologica","Geo fb","Geo fb2",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:dark}
:root[data-theme=light]{
  --bg:#F2F5FB;--bg2:#E8EEF8;--line:#D3DAE6;--line2:#B8C2D4;
  --ink:#0B1020;--ink2:#4F5B75;--paper:#FFFFFF;--cy:#027494;--on-cy:#FFFFFF;
  --gold:#F5B83D;--gold-ink:#8A5E00;
  color-scheme:light}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:420 16px/1.65 var(--ft);
  padding:0 16px env(safe-area-inset-bottom,0px)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(1200px 620px at 78% -8%,rgba(5,213,251,.09),transparent 62%),
             radial-gradient(900px 520px at 6% 4%,rgba(167,7,242,.07),transparent 60%)}

.top{display:flex;align-items:center;gap:14px;max-width:860px;margin:0 auto;
  padding:18px 0 14px;border-bottom:1px solid var(--line)}
.logo{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;
  font:680 17px/1 var(--fh);letter-spacing:.02em}
.logo svg{width:24px;height:27px;color:var(--ink2)}
.top nav{margin-left:auto;display:flex;gap:16px;font-size:14px}
.top nav a{color:var(--ink2);text-decoration:none}
.top nav a:hover{color:var(--cy)}

main{max-width:860px;margin:0 auto;padding:34px 0 64px}
.eyebrow{display:inline-block;font:560 11px/1 var(--fh);letter-spacing:.16em;
  text-transform:uppercase;color:var(--cy);margin:0 0 12px}
h1{font:680 clamp(26px,4.4vw,38px)/1.18 var(--fh);margin:0 0 10px;text-wrap:balance;letter-spacing:-.01em}
.rev{color:var(--ink2);font-size:14px;margin:0 0 30px}
h2{font:680 clamp(18px,2.4vw,22px)/1.3 var(--fh);margin:40px 0 12px;text-wrap:balance}
h2 .n{color:var(--cy);font-variant-numeric:tabular-nums;margin-right:.45em}
h3{font:560 16px/1.4 var(--fh);margin:26px 0 8px;color:var(--ink)}
p,li{color:var(--ink);max-width:68ch}
p{margin:0 0 13px}
ul,ol{margin:0 0 13px;padding-left:22px}
li{margin:0 0 7px}
a{color:var(--cy)}
b,strong{font-weight:680}
.lead{font-size:17px;color:var(--ink2);max-width:62ch}

.card{background:var(--bg2);border:1px solid var(--line);border-radius:14px;
  padding:18px 20px;margin:0 0 22px}
.card p:last-child,.card ul:last-child,.card dl:last-child{margin-bottom:0}
dl{display:grid;grid-template-columns:minmax(140px,210px) 1fr;gap:9px 18px;margin:0}
dt{color:var(--ink2);font-size:14px}
dd{margin:0}
.scroll{overflow-x:auto;margin:0 0 22px;border:1px solid var(--line);border-radius:14px}
table{border-collapse:collapse;width:100%;min-width:480px;font-size:15px}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line)}
th{background:var(--bg2);font:560 13px/1.35 var(--fh);color:var(--ink2);
  letter-spacing:.03em;text-transform:uppercase}
tr:last-child td{border-bottom:0}
td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.note{border-left:3px solid var(--gold);padding:2px 0 2px 16px;margin:0 0 22px;color:var(--ink2)}
.note b{color:var(--ink)}

footer{max-width:860px;margin:0 auto;padding:22px 0 40px;border-top:1px solid var(--line);
  color:var(--ink2);font-size:14px;display:flex;flex-wrap:wrap;gap:8px 20px}
footer a{color:var(--ink2);text-decoration:none}
footer a:hover{color:var(--cy)}

@media (max-width:560px){
  dl{grid-template-columns:1fr;gap:3px}
  dt{margin-top:9px}
  .top nav{width:100%;margin:10px 0 0;order:3}
}
@media (prefers-reduced-motion:no-preference){a{transition:color .18s}}