/* Общий вид правовых страниц: тот же язык, что у главной, но без её машинерии.
   Отдельный файл, а не копия стилей в каждую страницу: их две, и расходиться
   они не должны. Токены — те же, что в index.html; если там поменяется палитра,
   поменять надо и здесь. Дублирование сознательное: тащить ради двух страниц
   полторы тысячи строк главной незачем. */

@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url("fonts/inter-latin-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url("fonts/inter-latin-600.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Montserrat";font-weight:700;font-display:swap;src:url("fonts/montserrat-latin-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Geist Mono";font-weight:400;font-display:swap;src:url("fonts/geist-mono-latin-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Geist Mono";font-weight:500;font-display:swap;src:url("fonts/geist-mono-latin-500.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}

:root{
  color-scheme:dark;
  --ink:#000000; --bay:#08090B; --cell:#0D1014;
  --rule:#191E23; --rule-2:#252C33; --edge:#5A646C;
  --text:#E8EEF2; --text-2:#8B979F; --text-3:#757F88;
  --data:#00A5EF; --data-wash:#0A2E40; --bad:#FE6E00;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --display:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  --prose:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --t11:.6875rem; --t12:.75rem; --t13:.8125rem; --t15:.9375rem;
  --t18:1.125rem; --t28:1.75rem;
  --gap:clamp(16px,3.4vw,32px);
  --wide:840px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--ink);color:var(--text);
     font:400 var(--t15)/1.7 var(--prose);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--data);outline-offset:2px}

.wrap{max-width:var(--wide);margin:0 auto;padding:0 var(--gap)}

/* ---------- шапка ---------- */
.bar{position:sticky;top:0;z-index:5;background:rgba(0,0,0,.86);
     backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.bar .in{max-width:var(--wide);margin:0 auto;padding:14px var(--gap);
         display:flex;align-items:center;gap:16px}
.mark b{font:700 var(--t13) var(--display);letter-spacing:.22em}
.mark i{display:block;font:400 var(--t11) var(--mono);color:var(--text-3);
        font-style:normal;letter-spacing:.14em}
.bar .fill{flex:1}
.back{font:400 var(--t12) var(--mono);color:var(--text-2);letter-spacing:.08em;
      text-transform:uppercase;border-bottom:1px solid var(--rule-2);padding-bottom:2px}
.back:hover{color:var(--data);border-color:var(--data-wash)}

/* ---------- заголовок страницы ---------- */
.head{padding:clamp(40px,6vw,72px) 0 clamp(24px,3vw,34px)}
.head h1{font:700 var(--t28) var(--display);letter-spacing:-.01em;line-height:1.2}
.head .meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px 20px;
            font:400 var(--t11) var(--mono);color:var(--text-3);
            letter-spacing:.08em;text-transform:uppercase}
.head .lede{margin-top:20px;color:var(--text-2);max-width:66ch}

/* ---------- разделы ---------- */
section{padding:clamp(26px,3.4vw,38px) 0;border-top:1px solid var(--rule)}
.shead{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.shead .n{font:500 var(--t11) var(--mono);color:var(--data);letter-spacing:.1em}
.shead h2{font:500 var(--t12) var(--mono);letter-spacing:.16em;
          text-transform:uppercase;color:var(--text)}
.shead .fill{flex:1;height:1px;background:var(--rule)}

section p+p{margin-top:14px}
section p{max-width:72ch;color:var(--text-2)}
section p strong{color:var(--text);font-weight:600}
a.link{color:var(--data);border-bottom:1px solid var(--data-wash)}

ul.dots{margin-top:14px;max-width:72ch}
ul.dots li{position:relative;padding-left:20px;margin-top:9px;color:var(--text-2)}
ul.dots li::before{content:"";position:absolute;left:4px;top:.72em;
                   width:5px;height:1px;background:var(--edge)}
ul.dots li strong{color:var(--text);font-weight:600}

/* ---------- панель с перечнем данных ---------- */
.panel{border:1px solid var(--rule);background:var(--bay);margin-top:18px}
.row{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);
     gap:4px 20px;padding:14px clamp(14px,2vw,20px);border-top:1px solid var(--rule)}
.row:first-child{border-top:0}
.row .k{font:500 var(--t11) var(--mono);color:var(--text);
        letter-spacing:.08em;text-transform:uppercase}
.row .v{color:var(--text-2);font-size:var(--t13)}
@media (max-width:640px){.row{grid-template-columns:1fr}}

.note{margin-top:18px;border-left:2px solid var(--bad);background:var(--cell);
      padding:14px 16px;max-width:72ch}
.note p{color:var(--text-2);font-size:var(--t13)}
.note .t{font:500 var(--t11) var(--mono);color:var(--bad);
         letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}

footer{border-top:1px solid var(--rule);margin-top:clamp(30px,4vw,48px);
       padding:26px 0 44px}
footer .in{max-width:var(--wide);margin:0 auto;padding:0 var(--gap);
           display:flex;flex-wrap:wrap;gap:10px 22px;
           font:400 var(--t11) var(--mono);color:var(--text-3);
           letter-spacing:.08em;text-transform:uppercase}
footer a:hover{color:var(--data)}

/* Переключатель языка. На правовых страницах он не подменяет текст, а ведёт
   на отдельный переведённый файл: там сплошная проза. */
.langsel{display:flex;align-items:center;border:1px solid var(--rule-2);flex:none;margin-left:18px}
.langsel button{padding:5px 9px;border:0;background:transparent;color:var(--text-3);
  font:500 var(--t11) var(--mono);letter-spacing:.1em;cursor:pointer;
  transition:color .18s ease,background .18s ease}
.langsel button+button{border-left:1px solid var(--rule-2)}
.langsel button:hover{color:var(--text)}
.langsel button[aria-current="true"]{color:#04121A;background:var(--data)}