/* ============================================================
   Правовые страницы. Та же светлая система, что и на главной:
   белый холст, чёрные пилюли, 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; --sale:#d30005;
  --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:10px var(--gut);min-height:60px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.doc-nav .nav-left{display:flex;align-items:center;gap:16px}
.brand{display:inline-flex;align-items:center;text-decoration:none;flex:none}
/* Словесный знак «Моё Место.» — единый на всех страницах.
   Точка красная и всегда в одной строке со словом: она часть знака. */
.brand-word{font-family:var(--font-display);font-weight:700;text-transform:uppercase;
  font-size:clamp(18px,1rem + .4vw,22px);line-height:1;letter-spacing:-.01em;
  white-space:nowrap;color:var(--ink)}
.brand-dot{display:inline;color:var(--sale);font-weight:inherit}
.doc-nav a.back{
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  font-size:14px;font-weight:500;color:var(--mute);
  border:1px solid var(--hairline);border-radius:9999px;padding:8px 16px;
  transition:border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease)
}
.doc-nav a.back:hover{border-color:var(--ink);background:var(--soft-cloud);color:var(--ink)}
.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}
}

/* ---------- Страницы после оплаты ---------- */
.pay-result .lede{font-size:18px;line-height:1.5;color:var(--charcoal);margin-top:6px}
.pay-result .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:14px 28px;margin-top:8px;
  border:1px solid var(--ink);border-radius:9999px;
  background:var(--ink);color:var(--on-primary,#fff);
  font-size:15px;font-weight:500;text-decoration:none;
  transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)
}
.pay-result .btn:hover{opacity:.85}
.pay-result .btn:active{transform:scale(.97)}

/* ---------- Цели для пальца ----------
   На сенсорном экране ссылка высотой 18px — это промах через раз.
   Увеличиваем область нажатия отступами, не трогая вид на десктопе. */
@media (pointer:coarse){
  .utility{height:auto}
  .utility .right a{padding-block:11px}
  .utility .right a+a::before{top:11px;bottom:11px}
  .brand{padding-block:10px}
  .sec-head a.link,.foot a,.author-name{display:inline-block;padding-block:8px}
  .consent input{width:24px;height:24px}
}