/* ============================================================
   Правовые страницы. Та же светлая система, что и на главной:
   белый холст, чёрные пилюли, Oswald на заголовках, Inter в тексте.
   ============================================================ */
@font-face{font-family:'Oswald';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/oswald-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Oswald';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/oswald-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Oswald';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/oswald-rub.woff2') format('woff2');unicode-range:U+20BD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/inter-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/inter-rub.woff2') format('woff2');unicode-range:U+20BD}

:root{
  --ink:#111111; --canvas:#ffffff; --soft-cloud:#f5f5f5;
  --charcoal:#39393b; --mute:#707072; --stone:#9e9ea0;
  --hairline:#cacacb; --hairline-soft:#e5e5e5;
  --font-display:'Oswald','Helvetica Neue',Arial,sans-serif;
  --font-ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --gut:clamp(20px,4vw,48px);
}

*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:hidden;overflow-x:clip}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--canvas);color:var(--ink);
  font-family:var(--font-ui);font-size:16px;line-height:1.6;font-weight:400;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--ink);color:var(--canvas)}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
a{color:inherit}

.skip{
  position:absolute;left:-9999px;top:0;z-index:50;
  background:var(--ink);color:var(--canvas);padding:14px 24px;font-weight:500
}
.skip:focus{left:0}

/* ---------- Навигация ---------- */
.doc-nav{
  position:sticky;top:0;z-index:10;background:var(--canvas);
  box-shadow:inset 0 -1px 0 var(--hairline-soft);
  padding:14px var(--gut);
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.doc-nav a.back{
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  font-size:14px;font-weight:500;color:var(--ink);
  border:1px solid var(--hairline);border-radius:9999px;padding:8px 16px;
  transition:border-color .3s var(--ease),background .3s var(--ease)
}
.doc-nav a.back:hover{border-color:var(--ink);background:var(--soft-cloud)}
.doc-nav .other{display:flex;gap:20px;flex-wrap:wrap}
.doc-nav .other a{
  color:var(--mute);text-decoration:none;font-size:14px;font-weight:500;
  padding:6px 0;border-bottom:2px solid transparent;
  transition:color .3s var(--ease),border-color .3s var(--ease)
}
.doc-nav .other a:hover{color:var(--ink)}
.doc-nav .other a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}

/* ---------- Полотно документа ---------- */
main{
  max-width:74ch;margin:0 auto;
  padding:clamp(40px,7vw,80px) var(--gut) clamp(64px,10vw,112px);
}
.kicker{
  display:block;font-size:12px;font-weight:500;letter-spacing:.02em;
  text-transform:uppercase;color:var(--mute)
}
h1{
  font-family:var(--font-display);font-weight:500;text-transform:uppercase;
  line-height:.96;letter-spacing:-.005em;margin:12px 0 0;
  font-size:clamp(34px,1.5rem + 3.2vw,64px)
}
.upd{margin:14px 0 0;font-size:14px;font-weight:500;color:var(--mute)}

h2{
  font-family:var(--font-display);font-weight:500;text-transform:uppercase;
  line-height:1.05;letter-spacing:-.005em;
  font-size:clamp(20px,1rem + 1vw,28px);
  margin:48px 0 14px;padding-top:24px;border-top:1px solid var(--hairline);
}
h3{font-weight:500;font-size:16px;margin:24px 0 8px}
p{margin:0 0 16px;color:var(--charcoal)}
ol,ul{margin:0 0 16px;padding-left:22px;color:var(--charcoal)}
li{margin-bottom:8px}
strong{color:var(--ink);font-weight:500}
main a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
main a:hover{text-decoration-thickness:2px}

/* ---------- Врезка «коротко» ---------- */
.card{
  background:var(--soft-cloud);padding:clamp(20px,3vw,32px);margin:28px 0 8px;
}
.card p{margin:0;color:var(--ink)}

/* ---------- Реквизиты ---------- */
dl{margin:0;display:grid;gap:0;border-top:1px solid var(--hairline)}
@media (min-width:640px){
  dl{grid-template-columns:minmax(160px,auto) 1fr}
  dt{border-bottom:1px solid var(--hairline)}
  dd{border-bottom:1px solid var(--hairline)}
}
dt{
  font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;
  color:var(--mute);padding:14px 0 4px
}
dd{margin:0;padding:0 0 14px;color:var(--ink);font-weight:500}
@media (min-width:640px){
  dt{padding:14px 24px 14px 0}
  dd{padding:14px 0}
}

/* ---------- Кнопка возврата на страницах ошибок ---------- */
.doc-cta{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--ink);color:var(--canvas)!important;text-decoration:none!important;
  font-weight:500;padding:16px 32px;min-height:48px;border-radius:9999px;
  transition:transform .18s var(--ease),opacity .18s var(--ease)
}
.doc-cta:active{transform:scale(.97);opacity:.5}

/* ---------- Футер ---------- */
footer{
  border-top:1px solid var(--hairline);
  padding:24px var(--gut);
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  font-size:12px;font-weight:500;color:var(--mute);
  max-width:1440px;margin:0 auto;
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}