/* ==========================================================
   Elaris. Общий стиль правовых страниц.
   Тот же язык, что и на лендинге: ультрамарин, лайм,
   почти чёрный, Unbounded для заголовков, Manrope для текста.
   Блоки с радиусом 0, скругление только у кнопок.
   ========================================================== */
:root{
  --ultra:#1b1beb;
  --lime:#e6ff4d;
  --ink:#0b0b12;
  --white:#fff;
  --pad:clamp(16px,4vw,56px);
  --nav-h:72px;
  --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--white);
  color:var(--ink);
  font-family:'Manrope',system-ui,-apple-system,sans-serif;
  font-weight:500;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit}

.wrap{max-width:1400px;margin:0 auto;padding:0 var(--pad)}

/* ---------- навигация ---------- */
.nav{
  position:sticky;top:0;z-index:40;
  height:var(--nav-h);display:flex;align-items:center;gap:clamp(16px,3vw,44px);
  padding:0 var(--pad);background:var(--ultra);color:var(--white);
  border-bottom:1px solid rgba(255,255,255,.28);
}
.nav__name{
  font-family:'Unbounded',sans-serif;font-weight:900;
  font-size:clamp(19px,1.7vw,24px);letter-spacing:-.05em;text-transform:lowercase;
  text-decoration:none;
}
.nav__back{margin-left:auto;font-weight:800;font-size:15px;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .25s var(--ease)}
.nav__back:hover{border-bottom-color:var(--lime)}
.lang{display:flex;align-items:center;gap:2px;margin-left:clamp(14px,2vw,26px);font-weight:800;font-size:14px;line-height:1}
.lang a{padding:7px 9px;color:rgba(255,255,255,.62);text-decoration:none;transition:color .2s var(--ease)}
.lang a:hover{color:#fff}
.lang a[aria-current="true"]{color:var(--ink);background:var(--lime)}
.lang span{color:rgba(255,255,255,.34)}

/* ---------- шапка документа ---------- */
.head{background:var(--ultra);color:var(--white);padding:clamp(40px,6vw,90px) 0 clamp(36px,5vw,72px)}
.head h1{
  font-family:'Unbounded',sans-serif;font-weight:900;text-transform:uppercase;
  line-height:1;letter-spacing:-.025em;font-size:clamp(26px,4.2vw,56px);
  margin:0;max-width:20ch;overflow-wrap:break-word;
}
.head .meta{
  margin:clamp(22px,3vw,40px) 0 0;padding-top:clamp(16px,2vw,24px);
  border-top:1px solid rgba(255,255,255,.28);
  display:flex;flex-wrap:wrap;gap:8px 40px;
  font-size:14px;color:rgba(255,255,255,.82);
}

/* ---------- текст документа ---------- */
.doc{padding:clamp(40px,6vw,90px) 0 clamp(60px,8vw,120px)}
.doc__grid{display:grid;gap:clamp(28px,4vw,72px)}
@media(min-width:1000px){.doc__grid{grid-template-columns:minmax(0,240px) minmax(0,1fr)}}

.toc{align-self:start}
@media(min-width:1000px){.toc{position:sticky;top:calc(var(--nav-h) + 24px)}}
.toc p{
  font-family:'Unbounded',sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:-.03em;font-size:14px;margin:0 0 14px;
}
.toc ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(11,11,18,.18)}
.toc li{border-bottom:1px solid rgba(11,11,18,.18)}
.toc a{display:block;padding:10px 0;font-size:14.5px;line-height:1.35;text-decoration:none;color:rgba(11,11,18,.74);transition:color .2s var(--ease)}
.toc a:hover{color:var(--ultra)}

.body{max-width:80ch}
.body section{padding-top:clamp(26px,3vw,44px)}
.body section:first-child{padding-top:0}
.body h2{
  font-family:'Unbounded',sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:-.04em;line-height:1.02;font-size:clamp(19px,2.1vw,30px);
  margin:0 0 clamp(12px,1.4vw,18px);
}
.body h3{font-weight:800;font-size:clamp(16px,1.2vw,19px);margin:clamp(18px,2vw,26px) 0 8px}
.body p{margin:0 0 14px;font-size:clamp(15px,1.1vw,17px);line-height:1.65;color:rgba(11,11,18,.86)}
.body ul,.body ol{margin:0 0 16px;padding-left:22px;font-size:clamp(15px,1.1vw,17px);line-height:1.65;color:rgba(11,11,18,.86)}
.body li{margin-bottom:8px}
.body strong{font-weight:800;color:var(--ink)}
.body a{color:var(--ultra);text-decoration:underline;text-underline-offset:3px}

/* таблица данных: линии вместо карточек */
.body table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:clamp(14px,1.05vw,16px)}
.body th,.body td{text-align:left;vertical-align:top;padding:12px 16px 12px 0;border-bottom:1px solid rgba(11,11,18,.18);line-height:1.5}
.body th{font-weight:800;width:38%}

/* выделенная врезка с реквизитами */
.callout{background:var(--ink);color:var(--white);padding:clamp(20px,2.6vw,34px);margin:clamp(20px,2.6vw,34px) 0}
.callout p{color:rgba(255,255,255,.86);margin-bottom:8px}
.callout p:last-child{margin-bottom:0}
.callout strong{color:var(--lime)}

/* ---------- футер ---------- */
.foot{background:var(--ink);color:var(--white);padding:clamp(36px,5vw,72px) 0}
.foot__row{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:baseline;justify-content:space-between}
.foot a{font-size:14.5px;color:rgba(255,255,255,.78);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
.foot a:hover{color:var(--lime);border-bottom-color:var(--lime)}
.foot__links{display:flex;flex-wrap:wrap;gap:12px 28px}
.foot__legal{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.62);max-width:62ch;margin:clamp(18px,2.4vw,30px) 0 0}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *{transition-duration:.01ms !important}
}