:root{
  --hub-ink:#101418;
  --hub-ink-soft:#3d464e;
  --hub-mute:#6b747c;
  --hub-paper:#ffffff;
  --hub-paper-warm:#f4f2ed;
  --hub-rule:#dcd8d0;
  --hub-rule-dark:#2b333a;
  --hub-petrol:#00607e;
  --hub-amber:#c8862d;
  --hub-measure:68ch;
  --hub-wrap:1220px;
  --hub-step:clamp(1rem,0.6rem + 1.2vw,1.6rem);
  --hub-display:"Space Grotesk","Open Sans",Helvetica,Arial,sans-serif;
  --hub-text:"Open Sans",Helvetica,Arial,sans-serif;
  --hub-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}

@font-face{font-family:"Open Sans";src:url(/media/orn/opensans.b68160c9.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(/media/orn/grotesk.c0781ea2.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--hub-paper);color:var(--hub-ink);
  font:400 17px/1.72 var(--hub-text);
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--hub-petrol);text-underline-offset:2px;text-decoration-thickness:1px}
a:hover{color:var(--hub-amber)}
h1,h2,h3,h4{font-family:var(--hub-display);font-weight:700;letter-spacing:-0.015em;line-height:1.14;margin:0 0 .5em}
h1{font-size:clamp(2rem,1.3rem + 2.4vw,3.1rem)}
h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.85rem);margin-top:2.1em}
h3{font-size:1.18rem;margin-top:1.8em}
p,ul,ol,table,figure,blockquote{margin:0 0 1.15em}
ul,ol{padding-left:1.25em}
li{margin:.3em 0}
strong{font-weight:700}
hr{border:0;border-top:1px solid var(--hub-rule);margin:2.4em 0}

[data-wrap]{width:min(100% - 2.4rem,var(--hub-wrap));margin-inline:auto}

[data-skip]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-skip]:focus{position:static;width:auto;height:auto;clip-path:none;display:inline-block;
  padding:.6rem 1rem;background:var(--hub-amber);color:#111}

/* ── мастхед: тёмная лента, знак слева, плоский ряд рубрик ───────────── */
.orn-hd{background:var(--hub-ink);color:#eef1f3;border-bottom:3px solid var(--hub-amber)}
.orn-hd [data-wrap]{
  display:grid;grid-template-areas:"brand util" "nav nav";
  grid-template-columns:auto 1fr;align-items:center;gap:.4rem 1.5rem;padding:.9rem 0 0;
}
[data-brand]{
  grid-area:brand;display:flex;align-items:center;gap:.7rem;
  color:#fff;text-decoration:none;font-family:var(--hub-display);font-weight:700;
  font-size:1.32rem;letter-spacing:-0.02em;
}
[data-brand]:hover{color:#fff}
[data-brand] svg{flex:0 0 auto}
[data-brand] em{font-style:normal;color:var(--hub-amber)}
[data-util]{grid-area:util;justify-self:end;font:500 .78rem/1 var(--hub-mono);color:#8f9aa3;letter-spacing:.08em;text-transform:uppercase}
[data-nav]{grid-area:nav;margin-top:.85rem;border-top:1px solid var(--hub-rule-dark)}
[data-nav] ul{display:flex;flex-wrap:wrap;gap:0 1.6rem;list-style:none;margin:0;padding:0}
[data-nav] a{
  display:block;padding:.75rem 0;color:#c8d0d6;text-decoration:none;
  font:500 .93rem/1 var(--hub-display);letter-spacing:.01em;
  border-bottom:3px solid transparent;margin-bottom:-1px;
}
[data-nav] a:hover{color:#fff;border-bottom-color:var(--hub-amber)}
[data-nav] a[aria-current]{color:#fff;border-bottom-color:var(--hub-amber)}

/* ── рубричная метка: моно-путь со слэшем ────────────────────────────── */
[data-path]{
  display:inline-block;font:500 .76rem/1 var(--hub-mono);letter-spacing:.06em;
  text-transform:lowercase;color:var(--hub-ink-soft);text-decoration:none;
}
[data-path]::before{content:"/";color:var(--hub-amber);font-weight:700;margin-right:.1em}
a[data-path]:hover{color:var(--hub-petrol)}

/* ── главная ─────────────────────────────────────────────────────────── */
[data-home]{padding:2.4rem 0 0}
[data-slab]{
  display:grid;grid-template-areas:"lead rail" "seconds rail";grid-template-columns:minmax(0,1fr) 19rem;
  grid-template-rows:auto 1fr;
  gap:0 3rem;padding-bottom:2.6rem;border-bottom:1px solid var(--hub-rule);
}
[data-lead]{grid-area:lead}
[data-seconds]{
  grid-area:seconds;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 2.4rem;
  margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--hub-rule);align-content:start;
}
figure[data-figure]{margin:1.6rem 0 0;max-width:740px;background:var(--hub-paper-warm);border:1px solid var(--hub-rule)}
figure[data-figure] img{width:100%;height:auto}
figure[data-figure] figcaption{
  font:400 .84rem/1.5 var(--hub-text);color:var(--hub-mute);
  padding:.75rem 1.15rem;border-top:1px solid var(--hub-rule);
}
[data-hub] figure[data-figure]{margin:0 0 2.4rem}
[data-lead] h1{font-size:clamp(2.1rem,1.2rem + 3.2vw,3.7rem);margin:.35rem 0 .5rem}
[data-lead] p{font-size:1.16rem;color:var(--hub-ink-soft);max-width:56ch}
[data-rail]{grid-area:rail;border-left:1px solid var(--hub-rule);padding-left:1.8rem}
[data-rail] h2{font:500 .78rem/1 var(--hub-mono);letter-spacing:.12em;text-transform:uppercase;
  color:var(--hub-mute);margin:.5rem 0 1.1rem}
[data-rail] ol{list-style:none;margin:0;padding:0;counter-reset:r}
[data-rail] li{counter-increment:r;padding:.85rem 0;border-top:1px solid var(--hub-rule);display:grid;
  grid-template-columns:2.1rem 1fr;gap:.6rem}
[data-rail] li::before{content:counter(r,decimal-leading-zero);font:500 .82rem/1.5 var(--hub-mono);color:var(--hub-amber)}
[data-rail] a{color:var(--hub-ink);text-decoration:none;font-family:var(--hub-display);font-weight:500;line-height:1.3}
[data-rail] a:hover{color:var(--hub-petrol)}

[data-strip]{padding:2.6rem 0;border-bottom:1px solid var(--hub-rule)}
[data-strip] > header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
[data-strip] > header h2{margin:0;font-size:1.5rem}
[data-strip] > header a{font:500 .82rem/1 var(--hub-mono);text-decoration:none}
[data-grid]{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.8rem 2.4rem}
[data-item]{display:flex;flex-direction:column;gap:.45rem}
[data-item] h3{margin:0;font-size:1.06rem;line-height:1.32}
[data-item] h3 a{color:var(--hub-ink);text-decoration:none}
[data-item] h3 a:hover{color:var(--hub-petrol)}
[data-item] p{margin:0;color:var(--hub-ink-soft);font-size:.95rem;line-height:1.6}
[data-item][data-first]{grid-column:span 2}
[data-item][data-first] h3{font-size:1.45rem}

[data-updated]{font:500 .76rem/1 var(--hub-mono);letter-spacing:.06em;color:var(--hub-mute);
  text-transform:uppercase;margin:0 0 1.4rem}
[data-note] [data-updated]{margin-bottom:.9rem}
[data-note]{background:var(--hub-paper-warm);padding:1.6rem 1.8rem;margin:2.6rem 0;border-left:3px solid var(--hub-petrol)}
[data-note] p{margin:0;color:var(--hub-ink-soft)}
[data-note] p + p{margin-top:.8rem}

/* ── партнёрская полоса (проданные размещения) ───────────────────────── */
[data-partners]{padding:2.2rem 0 2.6rem;border-bottom:1px solid var(--hub-rule)}
[data-partners] h2{font:500 .78rem/1 var(--hub-mono);letter-spacing:.12em;text-transform:uppercase;
  color:var(--hub-mute);margin:0 0 1.2rem}
[data-partners] ul{display:flex;flex-wrap:wrap;gap:1rem 2.6rem;list-style:none;margin:0;padding:0;align-items:center}
[data-partners] li{display:flex;align-items:center;gap:.6rem}
[data-partners] img{width:auto;height:34px;filter:grayscale(1);opacity:.85}
[data-partners] a:hover img{filter:none;opacity:1}
[data-partners] a{font-family:var(--hub-display);font-weight:500;font-size:.95rem;color:var(--hub-ink);text-decoration:none}
[data-partners] a:hover{color:var(--hub-petrol)}
[data-partnote]{margin:1.1rem 0 0;font-size:.92rem;color:var(--hub-mute)}
[data-partnote] a{color:var(--hub-ink-soft)}

/* ── страница статьи: узкий столбец + жёлоб с метаданными ────────────── */
[data-article]{
  display:grid;grid-template-areas:"gutter body";grid-template-columns:11rem minmax(0,var(--hub-measure));
  gap:0 3.2rem;padding:2.6rem 0 3.4rem;
}
[data-gutter]{grid-area:gutter}
[data-gutter] dl{margin:0;font:400 .84rem/1.6 var(--hub-text);color:var(--hub-mute)}
[data-gutter] dt{font:500 .7rem/1.4 var(--hub-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--hub-mute);margin-top:1.1rem}
[data-gutter] dd{margin:0;color:var(--hub-ink-soft)}
[data-body]{grid-area:body}
[data-body] > h1:first-child{margin-top:0}
[data-body] p{max-width:var(--hub-measure)}
[data-body] figure{margin:2rem 0}
[data-body] figcaption{font:400 .84rem/1.5 var(--hub-text);color:var(--hub-mute);margin-top:.5rem}
[data-body] blockquote{border-left:3px solid var(--hub-amber);margin-left:0;padding-left:1.2rem;color:var(--hub-ink-soft);font-size:1.06rem}
[data-body] table{width:100%;border-collapse:collapse;font-size:.94rem;display:block;overflow-x:auto}
[data-body] th,[data-body] td{border-bottom:1px solid var(--hub-rule);padding:.62rem .8rem;text-align:left;vertical-align:top}
[data-body] th{font:500 .78rem/1.3 var(--hub-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--hub-ink-soft);border-bottom-width:2px}
[data-body] tr:hover td{background:var(--hub-paper-warm)}
[data-body] code{font:400 .92em/1.5 var(--hub-mono);background:var(--hub-paper-warm);padding:.1em .35em}
[data-body] pre{background:var(--hub-ink);color:#e6ecf0;padding:1.1rem 1.2rem;overflow-x:auto}
[data-body] pre code{background:none;color:inherit;padding:0}

[data-standfirst]{font-size:1.14rem;line-height:1.62;color:var(--hub-ink-soft);max-width:60ch;margin-bottom:1.8rem}

[data-more]{border-top:1px solid var(--hub-rule);margin-top:3rem;padding-top:1.6rem}
[data-more] h2{margin:0 0 1rem;font:500 .78rem/1 var(--hub-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hub-mute)}
[data-more] ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.9rem 2.4rem}
[data-more] a{color:var(--hub-ink);text-decoration:none;font-family:var(--hub-display);font-weight:500;line-height:1.35;display:block}
[data-more] a:hover{color:var(--hub-petrol)}

/* ── хабы и архив: список с линейками ────────────────────────────────── */
[data-hub]{padding:2.6rem 0 3.2rem}
[data-hub] > h1{max-width:22ch}
[data-hub] [data-standfirst]{margin-bottom:2.4rem}
[data-list]{list-style:none;margin:0;padding:0;border-top:1px solid var(--hub-rule)}
[data-list] > li{
  display:grid;grid-template-columns:8rem minmax(0,1fr);gap:0 2.4rem;
  padding:1.5rem 0;border-bottom:1px solid var(--hub-rule);
}
[data-list] > li > div:first-child{font:400 .84rem/1.6 var(--hub-text);color:var(--hub-mute)}
[data-list] h2{margin:0 0 .35rem;font-size:1.22rem;line-height:1.34}
[data-list] h2 a{color:var(--hub-ink);text-decoration:none}
[data-list] h2 a:hover{color:var(--hub-petrol)}
[data-list] p{margin:0;color:var(--hub-ink-soft);font-size:.96rem;max-width:70ch}

[data-groups] h2{margin-top:2.6rem}
[data-lang]{display:inline-block;font:500 .7rem/1 var(--hub-mono);letter-spacing:.08em;
  text-transform:uppercase;color:var(--hub-mute);border:1px solid var(--hub-rule);
  padding:.24rem .42rem;margin-top:.5rem}

/* ── подвал ──────────────────────────────────────────────────────────── */
.orn-ft{background:var(--hub-ink);color:#aeb8c0;margin-top:3.4rem;padding:2.8rem 0 2.4rem;font-size:.94rem}
.orn-ft a{color:#dde3e8}
.orn-ft a:hover{color:var(--hub-amber)}
.orn-ft [data-cols]{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:2rem 3rem}
.orn-ft h2{color:#fff;font:500 .78rem/1 var(--hub-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem}
.orn-ft ul{list-style:none;margin:0;padding:0}
.orn-ft li{margin:.42rem 0}
.orn-ft p{margin:0 0 .9rem;max-width:52ch;line-height:1.65}
[data-colophon]{border-top:1px solid var(--hub-rule-dark);margin-top:2.2rem;padding-top:1.3rem;
  font:400 .84rem/1.6 var(--hub-text);color:#7f8a93}
[data-colophon] strong{color:#c3ccd3;font-weight:600}

/* ── адаптив ─────────────────────────────────────────────────────────── */
@media (max-width:1024px){
  [data-slab]{grid-template-areas:"lead" "seconds" "rail";grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto;gap:2.2rem}
  [data-rail]{border-left:0;padding-left:0;border-top:1px solid var(--hub-rule);padding-top:1.2rem}
  [data-article]{grid-template-areas:"gutter" "body";grid-template-columns:minmax(0,1fr);gap:1.6rem}
  [data-gutter] dl{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;
    padding-bottom:1rem;border-bottom:1px solid var(--hub-rule)}
  [data-gutter] dt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  [data-gutter] dd{margin:0;font:400 .86rem/1.4 var(--hub-text);color:var(--hub-mute)}
  [data-gutter] dd + dd::before{content:"·";margin-right:.5rem;color:var(--hub-rule)}
  [data-item][data-first]{grid-column:auto}
  [data-seconds]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  body{font-size:16px}
  .orn-hd [data-wrap]{grid-template-areas:"brand" "util" "nav";grid-template-columns:minmax(0,1fr)}
  [data-util]{justify-self:start;margin-top:.3rem}
  [data-nav] ul{gap:0 1.1rem}
  [data-nav] a{font-size:.88rem;padding:.6rem 0}
  [data-list] > li{grid-template-columns:minmax(0,1fr);gap:.5rem}
  [data-list] > li > div:first-child{order:2}
  [data-seconds]{grid-template-columns:minmax(0,1fr)}
  .orn-ft [data-cols]{grid-template-columns:minmax(0,1fr)}
  figure[data-figure]{overflow-x:auto}
  figure[data-figure] img{min-width:520px}
}
@media print{.orn-hd,.orn-ft,[data-rail],[data-more]{display:none}}