/* ПРОСТО ЗАПЧАСТИ — юридические страницы.
   Тот же чёрно-жёлтый, но набор под долгое чтение: шире интерлиньяж,
   узкая колонка, никакой анимации. */

.doc-hdr{
  position:sticky; top:0; z-index:var(--z-hdr);
  display:flex; align-items:center; gap:20px; flex-wrap:wrap;
  padding:14px clamp(16px,4vw,64px);
  background:rgba(10,10,11,.9); backdrop-filter:blur(14px);
  box-shadow:0 1px 0 var(--line-2);
}
.doc-hdr__back{
  margin-left:auto; display:inline-flex; align-items:center; gap:9px;
  font-family:'Fira Mono',monospace; font-size:11.5px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink-3);
  transition:color .25s var(--eo);
}
.doc-hdr__back:hover{ color:var(--acc); }
.doc-hdr__back svg{ width:14px; height:9px; }

.doc{ position:relative; padding:clamp(40px,7vh,84px) clamp(16px,4vw,64px) clamp(72px,12vh,120px); }
.doc__in{ position:relative; z-index:var(--z-body); max-width:760px; margin-inline:auto; }

.doc__kicker{
  margin:0 0 14px; font-family:'Fira Mono',monospace; font-size:11px;
  letter-spacing:.2em; text-transform:uppercase; color:var(--acc);
}
.doc h1{
  margin:0 0 18px; font-family:'Fira Sans Condensed',sans-serif; font-weight:700;
  font-size:clamp(1.9rem,1.2rem + 2.4vw,3rem); line-height:1.06; letter-spacing:-.02em;
}
.doc__lead{ margin:0 0 10px; color:var(--ink-2); font-size:17.5px; line-height:1.66; }
.doc__meta{
  margin:26px 0 0; padding-top:18px; border-top:1px solid var(--line-2);
  font-family:'Fira Mono',monospace; font-size:12px; line-height:1.9; color:var(--ink-3);
}

.doc h2{
  margin:52px 0 14px; padding-left:18px; position:relative;
  font-family:'Fira Sans Condensed',sans-serif; font-weight:700;
  font-size:clamp(1.15rem,1rem + .6vw,1.5rem); line-height:1.2; letter-spacing:-.01em;
}
.doc h2::before{
  content:''; position:absolute; left:0; top:.16em; width:8px; height:14px;
  border-left:2px solid var(--acc); border-top:2px solid var(--acc);
}
.doc h3{
  margin:30px 0 10px; font-family:'Fira Sans Condensed',sans-serif; font-weight:600;
  font-size:1.02rem; letter-spacing:.01em; color:var(--ink);
}
.doc p{ margin:0 0 14px; color:var(--ink-2); line-height:1.72; }
.doc strong,.doc b{ color:var(--ink); font-weight:500; }
.doc a:not(.btn):not(.doc-hdr__back){ color:var(--acc); border-bottom:1px solid rgba(255,198,26,.32); }
.doc a:not(.btn):not(.doc-hdr__back):hover{ border-bottom-color:var(--acc); }

.doc ul,.doc ol{ margin:0 0 16px; padding-left:0; list-style:none; counter-reset:n; }
.doc li{ position:relative; margin:0 0 9px; padding-left:26px; color:var(--ink-2); line-height:1.68; }
.doc ul li::before{
  content:''; position:absolute; left:6px; top:.72em; width:6px; height:1px; background:var(--acc-dim);
}
.doc ol li{ counter-increment:n; }
.doc ol li::before{
  content:counter(n); position:absolute; left:0; top:.06em;
  font-family:'Fira Mono',monospace; font-size:11.5px; color:var(--acc-dim);
}

/* таблица «цель — данные — основание — срок» */
.doc-tbl{ margin:0 0 20px; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.doc-tbl table{ width:100%; min-width:560px; border-collapse:collapse; font-size:14.5px; }
.doc-tbl th{
  padding:9px 12px 9px 0; text-align:left; vertical-align:bottom;
  border-bottom:1px solid var(--line); color:var(--ink-3);
  font-family:'Fira Mono',monospace; font-weight:400; font-size:10.5px;
  letter-spacing:.14em; text-transform:uppercase;
}
.doc-tbl td{
  padding:12px 12px 12px 0; vertical-align:top;
  border-bottom:1px solid var(--line-2); color:var(--ink-2); line-height:1.55;
}
.doc-tbl tr td:first-child{ color:var(--ink); }

/* врезка «главное» */
.doc-note{
  margin:0 0 22px; padding:20px 22px; position:relative; border-radius:6px;
  background:linear-gradient(158deg,#151517 0%,#101012 100%);
  box-shadow:inset 0 0 0 1px var(--line-2);
}
.doc-note::before{
  content:''; position:absolute; left:10px; top:10px; width:10px; height:10px;
  border-left:2px solid var(--acc); border-top:2px solid var(--acc);
}
.doc-note p:last-child{ margin-bottom:0; }
.doc-note--warn::before{ border-color:#FF4436; }

/* реквизиты, которых ещё нет */
.req-empty{
  padding:1px 7px; border-radius:3px; background:rgba(255,68,54,.14);
  color:#FF8177; font-family:'Fira Mono',monospace; font-size:.9em; white-space:nowrap;
}

.doc-foot{
  max-width:760px; margin:0 auto; padding:26px clamp(16px,4vw,64px) 56px;
  border-top:1px solid var(--line-2);
  font-family:'Fira Mono',monospace; font-size:12px; line-height:1.9; color:var(--ink-3);
}
.doc-foot a{ color:var(--ink-2); }
.doc-foot a:hover{ color:var(--acc); }

@media (max-width:640px){
  .doc__lead{ font-size:16.5px; }
  .doc h2{ margin-top:42px; }
}