/* Warehouse Logistics — техничный B2B-вид: разметочная сетка, стальные тона,
   оранжевый как на складской технике. Никакой имитации чужих CMS. */
:root{
  --ink:#14263F;        /* чернильно-синий, как на чертежах */
  --steel:#5A6B7D;
  --line:#D7DCE2;
  --bg:#F5F6F7;
  --card:#FFFFFF;
  --mark:#E8590C;       /* оранжевый складской техники */
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.7 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  /* тонкая сетка, как на миллиметровке — намёк на план склада */
  background-image:linear-gradient(var(--line) 1px,transparent 1px),
                   linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:64px 64px;background-position:-1px -1px;background-attachment:fixed}
a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--mark)}
a:hover{background:var(--mark);color:#fff;border-color:var(--mark)}
.wrap{max-width:900px;margin:0 auto;padding:0 20px}
.bar{background:var(--ink);color:#fff;position:sticky;top:0;z-index:5}
.bar-in{display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:60px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;color:#fff;border:0;font-weight:600;letter-spacing:.02em}
.logo:hover{background:none;color:var(--mark)}
.logo-mark{width:16px;height:16px;background:var(--mark);
  clip-path:polygon(0 100%,0 38%,50% 0,100% 38%,100% 100%)}  /* силуэт ангара */
.nav{display:flex;gap:18px;font-size:15px}
.nav a{color:#C7D2DE;border:0}
.nav a:hover{background:none;color:#fff}
.sheet{background:var(--card);border:1px solid var(--line);margin:28px auto;padding:34px 40px 40px}
@media(max-width:700px){.sheet{padding:24px 18px 30px;margin:16px auto}}
.lead h1{margin:0 0 10px;font-size:clamp(28px,4.4vw,40px);line-height:1.15;letter-spacing:-.01em}
.lead p{margin:0 0 6px;color:var(--steel);max-width:62ch;font-size:18px}
.index{list-style:none;margin:34px 0 0;padding:0;counter-reset:none}
.index-row{padding:20px 0 20px 18px;border-top:1px solid var(--line);
  border-left:3px solid transparent}
.index-row:hover{border-left-color:var(--mark);background:#FAFBFC}
.index-row h2{margin:0 0 6px;font-size:21px;line-height:1.3}
.index-row h2 a{border:0}
.index-row h2 a:hover{background:none;color:var(--mark)}
.index-sum{margin:0 0 6px;color:#3C4A5C;max-width:66ch}
.index-meta,.doc-meta{color:var(--steel);font-size:13px;margin:0}
.doc h1{margin:0 0 8px;font-size:clamp(26px,3.6vw,34px);line-height:1.2;max-width:24ch}
.doc-meta{margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.doc h2{margin:34px 0 10px;font-size:21px;line-height:1.3}
.doc h3{margin:26px 0 8px;font-size:17px}
.doc p,.doc li{max-width:68ch}
.doc ul,.doc ol{padding-left:20px}
.doc li{margin-bottom:6px}
.doc table{border-collapse:collapse;width:100%;margin:22px 0;font-size:15px;background:#fff}
.doc th,.doc td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.doc th{background:#EEF1F4;font-weight:600}
.doc blockquote{margin:22px 0;padding:14px 18px;background:#EEF1F4;border-left:4px solid var(--mark);
  color:#3C4A5C}
.plain{list-style:none;padding:0}
.plain li{padding:8px 0;border-bottom:1px solid var(--line)}
.foot{border-top:1px solid var(--line);background:var(--card);padding:20px 0;margin-top:20px}
.foot p{margin:3px 0;color:var(--steel);font-size:14px}
.foot-note{font-size:13px}

/* ── изображения ── */
.hero{margin:-34px -40px 26px;overflow:hidden}
.hero img{display:block;width:100%;height:clamp(200px,32vw,340px);object-fit:cover}
@media(max-width:700px){.hero{margin:-24px -18px 20px}}
.doc-cover{margin:0 0 26px}
.doc-cover img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.index-row{display:grid;grid-template-columns:184px 1fr;gap:20px;align-items:start}
@media(max-width:620px){.index-row{grid-template-columns:1fr}}
.index-thumb{display:block;border:0;line-height:0}
.index-thumb:hover{background:none}
.index-thumb img{width:100%;height:116px;object-fit:cover;border:1px solid var(--line)}