/* ==========================================================================
   ИЗДАТЕЛЬ — дизайн-система «Полоса и данные»
   Газетная полоса, ставшая базой данных: видимая модульная сетка,
   волосяные линейки, кикер и фолио, табличные цифры.
   Тёмная тема по умолчанию. Ноль внешних запросов.
   ========================================================================== */

/* ---------- Шрифты (self-hosted, сабсет кириллица+латиница) ---------- */
@font-face{font-family:Inter;src:url(/fonts/inter-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Golos;src:url(/fonts/golos-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Golos;src:url(/fonts/golos-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:JBMono;src:url(/fonts/jbmono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:JBMono;src:url(/fonts/jbmono-500.woff2) format("woff2");font-weight:500;font-display:swap}

/* ---------- Токены ---------- */
:root{
  --bg:#0E1116; --surf:#151A21; --surf2:#1C222B;
  --tx:#E8ECF1; --tx2:#9AA6B2; --tx3:#6B7683;
  --rule:rgba(232,236,241,.10); --rule2:rgba(232,236,241,.16);
  --brand:#C8553D; --accent:#C8553D;
  --ok:#3F9E8F; --warn:#C9822E;

  --f-disp:Golos,"Segoe UI",system-ui,sans-serif;
  --f-body:Inter,"Segoe UI",system-ui,sans-serif;
  --f-mono:JBMono,ui-monospace,"Cascadia Mono",Consolas,monospace;

  --w:1180px; --w-read:66ch;
  --r:10px; --r-s:6px;

  /* Тени «растекания краски»: широкие, мягкие, с тёплым отсветом акцента */
  --sh:0 1px 2px rgba(8,10,14,.40), 0 8px 24px -8px rgba(8,10,14,.55), 0 24px 64px -24px rgba(200,85,61,.14);
  --sh-s:0 1px 2px rgba(8,10,14,.35), 0 4px 12px -4px rgba(8,10,14,.45);

  /* Полутоновый растр — имитация печати */
  --halftone:radial-gradient(circle at 1px 1px, rgba(232,236,241,.055) 1px, transparent 0);
}
:root[data-theme=light]{
  --bg:#F7F5F1; --surf:#FFFFFF; --surf2:#F0EDE7;
  --tx:#14181D; --tx2:#5A646E; --tx3:#7C868F;
  --rule:rgba(20,24,29,.12); --rule2:rgba(20,24,29,.20);
  --brand:#B4472F;
  --sh:0 1px 2px rgba(20,24,29,.06), 0 8px 24px -8px rgba(20,24,29,.10), 0 24px 64px -24px rgba(180,71,47,.10);
  --sh-s:0 1px 2px rgba(20,24,29,.06), 0 4px 12px -4px rgba(20,24,29,.08);
  --halftone:radial-gradient(circle at 1px 1px, rgba(20,24,29,.05) 1px, transparent 0);
}

/* ---------- База ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body{
  margin:0;background:var(--bg);color:var(--tx);
  font:400 17px/1.55 var(--f-body);
  font-variant-numeric:tabular-nums slashed-zero;
  -webkit-font-smoothing:antialiased;
}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:.6rem 1rem;z-index:99}
.skip:focus{left:0}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
[hidden]{display:none!important}

/* ---------- Типографика ---------- */
h1,h2,h3,h4{font-family:var(--f-disp);font-weight:700;letter-spacing:-.02em;line-height:1.18;margin:0}
h1{font-size:clamp(1.9rem,1.2rem + 2.4vw,3rem)}
h2{font-size:clamp(1.4rem,1.05rem + 1.2vw,2rem);margin:2.4em 0 .6em}
h3{font-size:clamp(1.13rem,1rem + .5vw,1.35rem);margin:1.9em 0 .5em}
p{margin:0 0 1.05em}
.lede{font-size:1.15rem;color:var(--tx2);line-height:1.55}

/* Кикер — рубрика капителью в моно. Опознавательный знак издания. */
.kicker{
  font:500 11.5px/1 var(--f-mono);letter-spacing:.10em;text-transform:uppercase;
  color:var(--tx3);display:flex;flex-wrap:wrap;gap:.5em;align-items:center;margin-bottom:1rem;
}
.kicker__dot{color:var(--accent)}
.kicker b{color:var(--accent);font-weight:500}

/* Фолио — маркер раздела на полях */
.folio{position:absolute;left:-52px;top:2px;font:400 11px/1 var(--f-mono);color:var(--tx3);
  writing-mode:vertical-rl;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:1100px){.folio{display:none}}

/* ---------- Шапка ---------- */
.hdr{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px)}
.hdr__in{display:flex;align-items:center;gap:22px;height:62px}
.hdr__rule{height:1px;background:linear-gradient(90deg,transparent,var(--rule2) 12%,var(--rule2) 88%,transparent)}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;flex:none}
.brand__mark{color:var(--accent);display:flex}
.brand__txt{font:700 19px/1 var(--f-disp);letter-spacing:-.02em}
.nav{display:flex;gap:2px;margin-left:6px;flex:1;min-width:0;overflow:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav__a{padding:7px 11px;border-radius:var(--r-s);text-decoration:none;color:var(--tx2);font-size:14.5px;white-space:nowrap;transition:color .15s,background .15s}
.nav__a:hover{color:var(--tx);background:var(--surf)}
.nav__a.is-on{color:var(--tx);background:var(--surf);box-shadow:inset 0 -2px 0 var(--accent)}
.hdr__act{display:flex;gap:4px;flex:none}
.ico{width:36px;height:36px;display:grid;place-items:center;background:none;border:1px solid transparent;border-radius:var(--r-s);color:var(--tx2);cursor:pointer;transition:.15s}
.ico:hover{color:var(--tx);background:var(--surf);border-color:var(--rule)}
.ico__moon{display:none}
:root[data-theme=light] .ico__sun{display:none}
:root[data-theme=light] .ico__moon{display:block}
.ico--menu{display:none}
@media(max-width:860px){
  .nav{position:fixed;inset:62px 0 auto;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--rule);padding:10px;gap:2px;display:none}
  .nav.is-open{display:flex}
  .ico--menu{display:grid}
}

/* ---------- Поиск ---------- */
.veil{position:fixed;inset:0;z-index:60;background:rgba(8,10,14,.72);backdrop-filter:blur(4px);padding:12vh 20px 20px;display:flex;justify-content:center}
.veil__box{width:min(660px,100%);background:var(--surf);border:1px solid var(--rule2);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;height:fit-content}
.veil__in{width:100%;border:0;background:none;color:var(--tx);font:400 18px/1 var(--f-body);padding:20px 22px;border-bottom:1px solid var(--rule)}
.veil__in:focus{outline:none}
.veil__res{max-height:52vh;overflow:auto}
.veil__res a{display:block;padding:11px 22px;text-decoration:none;border-bottom:1px solid var(--rule)}
.veil__res a:hover,.veil__res a.is-sel{background:var(--surf2)}
.veil__res b{display:block;font-weight:500;font-size:15px}
.veil__res span{font-size:12.5px;color:var(--tx3);font-family:var(--f-mono)}
.veil__hint{margin:0;padding:9px 22px;font:400 11.5px/1 var(--f-mono);color:var(--tx3)}

/* ---------- Сетка и линейки — видимые, это идентичность ---------- */
.main{min-height:60vh;padding:34px 0 72px}
.rule{height:1px;background:var(--rule);border:0;margin:2.4rem 0}
.rule--strong{background:var(--rule2)}

/* ---------- Хлебные крошки ---------- */
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.45em;margin:0 0 1.2rem;padding:0;font:400 12.5px/1.5 var(--f-mono);color:var(--tx3)}
.crumbs li+li::before{content:"›";margin-right:.45em;color:var(--tx3)}
.crumbs a{text-decoration:none;color:var(--tx2)}
.crumbs a:hover{color:var(--accent)}

/* ---------- Hero главной ---------- */
.hero{position:relative;padding:44px 0 30px;background-image:var(--halftone);background-size:4px 4px;border-bottom:1px solid var(--rule)}
.hero__in{max-width:820px}
.hero h1{margin-bottom:.5em}
.hero__sub{font-size:1.18rem;color:var(--tx2);max-width:62ch}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:36px;align-items:center}
.hero__art img{width:100%;height:auto;border-radius:var(--r);box-shadow:var(--sh);border:1px solid var(--rule)}
@media(max-width:900px){.hero__grid{grid-template-columns:1fr}.hero__art{display:none}}
.hero__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--r);margin-top:28px;overflow:hidden}
.stat{background:var(--bg);padding:16px 18px}
.stat__v{font:500 26px/1 var(--f-mono);color:var(--tx);display:block;letter-spacing:-.02em}
.stat__l{font-size:13px;color:var(--tx3);margin-top:6px;display:block}
.stat__s{font:400 11px/1.3 var(--f-mono);color:var(--tx3);margin-top:4px;display:block}

/* ---------- Карточки ---------- */
.grid{display:grid;gap:16px}
.grid--3{grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}
.grid--2{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.card{background:var(--surf);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;text-decoration:none}
.card:hover{transform:translateY(-2px);box-shadow:var(--sh);border-color:var(--rule2)}
.card__img{aspect-ratio:16/9;background:var(--surf2);position:relative;overflow:hidden}
.card__img img,.card__img svg{width:100%;height:100%;object-fit:cover}
.card__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,10,14,.35) 100%)}
.card__b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:7px;flex:1}
.card__t{font:600 16.5px/1.32 var(--f-disp);letter-spacing:-.01em}
.card__d{font-size:14px;color:var(--tx2);line-height:1.5}
.card__m{margin-top:auto;font:400 11.5px/1 var(--f-mono);color:var(--tx3);display:flex;gap:.6em;flex-wrap:wrap;align-items:center;letter-spacing:.04em}
.tag{display:inline-block;padding:3px 8px;border:1px solid var(--rule2);border-radius:99px;font:400 11px/1.4 var(--f-mono);color:var(--tx2);text-transform:uppercase;letter-spacing:.06em}
.tag--acc{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent)}

/* ---------- Статья ---------- */
.art{max-width:var(--w-read);margin:0 auto;position:relative}
.art h1{margin-bottom:.45em}
.art__meta{font:400 12.5px/1.6 var(--f-mono);color:var(--tx3);display:flex;flex-wrap:wrap;gap:.9em;padding-bottom:1.2rem;border-bottom:1px solid var(--rule);margin-bottom:1.6rem}
.art__hero{margin:0 0 1.8rem;border-radius:var(--r);overflow:hidden;border:1px solid var(--rule);background:var(--surf2);aspect-ratio:16/9}
.art__hero img{display:block;width:100%;height:100%;object-fit:cover}
.sec-intro .art__hero{max-width:var(--w-read);margin-top:1.2rem}
.art__body>*:first-child{margin-top:0}
.art__body ul,.art__body ol{padding-left:1.3em;margin:0 0 1.1em}
.art__body li{margin-bottom:.4em}
.art__body a{color:var(--accent);text-underline-offset:3px}
.art__body figure{margin:1.8em 0}
.art__body figcaption{font:400 12.5px/1.5 var(--f-mono);color:var(--tx3);margin-top:.6em}
blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.2em;border-left:2px solid var(--accent);color:var(--tx2)}

/* TL;DR — извлекаемый ответ в первых 1000 знаках (GEO слой 3) */
.tldr{background:var(--surf);border:1px solid var(--rule2);border-left:3px solid var(--accent);border-radius:var(--r-s);padding:16px 18px;margin:0 0 1.8rem}
.tldr__h{font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.7em}
.tldr p:last-child{margin-bottom:0}

/* ---------- Таблицы: табличные цифры, скролл на мобайле ---------- */
.tw{overflow-x:auto;margin:1.6em 0;border:1px solid var(--rule);border-radius:var(--r)}
table{width:100%;border-collapse:collapse;font-size:14.5px}
.art__body>table{display:block;max-width:100%;overflow-x:auto}
th,td{padding:10px 13px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:top}
th{font:500 11.5px/1.4 var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--tx3);white-space:nowrap;background:var(--surf)}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--surf)}
td.num,th.num{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums}

/* ---------- Карточка СМИ — свёрстана как выходные данные ---------- */
.imprint{background:var(--surf);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;margin:0 0 2rem}
.imprint__row{display:grid;grid-template-columns:180px 1fr;gap:0;border-bottom:1px solid var(--rule)}
.imprint__row:last-child{border-bottom:0}
.imprint__k{padding:11px 16px;font:500 11.5px/1.5 var(--f-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--tx3);background:var(--surf2);border-right:1px solid var(--rule)}
.imprint__v{padding:11px 16px;font-size:15px}
.imprint__v a{color:var(--accent)}
@media(max-width:620px){.imprint__row{grid-template-columns:1fr}.imprint__k{border-right:0;border-bottom:1px solid var(--rule)}}

/* Источник поля — пер-полевая атрибуция */
.src{font:400 11px/1.4 var(--f-mono);color:var(--tx3);margin-left:.5em;white-space:nowrap}
.src a{color:var(--tx3);text-decoration:underline;text-underline-offset:2px}
.src a:hover{color:var(--accent)}

/* Дисклеймер актуальности */
.stale{display:flex;gap:.7em;align-items:flex-start;background:color-mix(in srgb,var(--warn) 9%,transparent);border:1px solid color-mix(in srgb,var(--warn) 32%,transparent);border-radius:var(--r-s);padding:12px 15px;font-size:13.5px;color:var(--tx2);margin:1.4rem 0}
.stale b{color:var(--tx)}

/* ---------- Инструменты ---------- */
.tool{background:var(--surf);border:1px solid var(--rule2);border-radius:var(--r);padding:22px;margin:1.6rem 0;box-shadow:var(--sh-s)}
.tool__row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--rule)}
.tool__row:last-of-type{border-bottom:0}
.tool label{font-size:14.5px;color:var(--tx2)}
.tool input,.tool select{background:var(--bg);border:1px solid var(--rule2);border-radius:var(--r-s);color:var(--tx);padding:9px 12px;font:400 15px/1 var(--f-mono);width:170px;text-align:right}
.tool input:focus,.tool select:focus{outline:none;border-color:var(--accent)}
.tool__out{margin-top:18px;padding-top:16px;border-top:2px solid var(--accent);display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.tool__out b{font:500 30px/1 var(--f-mono);color:var(--accent);letter-spacing:-.02em}
.tool__f{font:400 12.5px/1.6 var(--f-mono);color:var(--tx3);margin-top:14px;padding-top:12px;border-top:1px dashed var(--rule2)}

/* ---------- Глоссарий ---------- */
.terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
.term{background:var(--bg);padding:14px 16px;text-decoration:none;transition:background .15s}
.term:hover{background:var(--surf)}
.term b{display:block;font:600 15.5px/1.3 var(--f-disp);margin-bottom:4px}
.term span{font-size:13px;color:var(--tx2);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- Скриншот в мокапе браузера ---------- */
.shot{margin:1.8em 0}
.shot__frame{border:1px solid var(--rule2);border-radius:8px;overflow:hidden;box-shadow:var(--sh);background:var(--surf2)}
.shot__bar{display:flex;gap:6px;padding:9px 12px;border-bottom:1px solid var(--rule);background:var(--surf)}
.shot__bar i{width:9px;height:9px;border-radius:99px;background:var(--rule2);display:block}
.shot figcaption{font:400 12px/1.5 var(--f-mono);color:var(--tx3);margin-top:.7em}

/* ---------- Реестр: фильтры и таблица-база ---------- */
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:26px 0 14px;padding-bottom:14px;border-bottom:1px solid var(--rule)}
.filters__q{flex:1 1 240px;min-width:0;background:var(--surf);border:1px solid var(--rule2);border-radius:var(--r-s);color:var(--tx);padding:10px 14px;font:400 15px/1 var(--f-body)}
.filters__q:focus{outline:none;border-color:var(--accent)}
.filters__chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{background:none;border:1px solid var(--rule2);border-radius:99px;color:var(--tx2);padding:6px 13px;font:400 12.5px/1.3 var(--f-mono);cursor:pointer;transition:.15s;white-space:nowrap}
.chip:hover{color:var(--tx);border-color:var(--tx3)}
.chip.is-on{background:var(--accent);border-color:var(--accent);color:#fff}
.filters__count{font:500 13px/1 var(--f-mono);color:var(--tx3);margin-left:auto;white-space:nowrap}
.filters__count::after{content:" изданий"}

.tw--reg{max-height:78vh;overflow:auto;position:relative}
.tw--reg thead th{position:sticky;top:0;z-index:3;cursor:pointer;user-select:none}
.tw--reg thead th::after{content:"↕";opacity:.28;margin-left:.4em;font-size:.85em}
.tw--reg thead th.asc::after{content:"↑";opacity:.9;color:var(--accent)}
.tw--reg thead th.desc::after{content:"↓";opacity:.9;color:var(--accent)}
.tw--reg td.sticky,.tw--reg th.sticky{position:sticky;left:0;background:var(--bg);z-index:2;min-width:190px;box-shadow:1px 0 0 var(--rule)}
.tw--reg thead th.sticky{z-index:4;background:var(--surf)}
.tw--reg tbody tr:hover td.sticky{background:var(--surf)}
.tw--reg td a{color:var(--tx);text-decoration:none;font-weight:500}
.tw--reg td a:hover{color:var(--accent)}
.nd{color:var(--tx3);font-size:13px}
.tag--off{border-color:color-mix(in srgb,var(--warn) 50%,transparent);color:var(--warn)}

/* Полнота карточки — визуальный индикатор раскрытия данных */
.meter{display:inline-block;width:56px;height:6px;border-radius:99px;background:var(--rule2);overflow:hidden;vertical-align:middle}
.meter i{display:block;height:100%;background:var(--accent);border-radius:99px}

/* ---------- Магниты: живая лента ---------- */
.feed{border:1px solid var(--rule2);border-radius:var(--r);overflow:hidden;background:var(--surf);margin:1.6em 0;box-shadow:var(--sh-s)}
.feed__bar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--rule);font:400 12.5px/1 var(--f-mono);color:var(--tx3)}
.feed__live{display:flex;align-items:center;gap:7px;color:var(--accent)}
.feed__live i{width:7px;height:7px;border-radius:99px;background:var(--accent);display:block;animation:pulse 2.2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.feed__live i{animation:none}}
.feed__on{color:var(--tx2)}
.feed__n{margin-left:auto}
.feed__list{list-style:none;margin:0;padding:0;max-height:640px;overflow:auto}
.feed__i{display:flex;gap:12px;padding:11px 16px;border-bottom:1px solid var(--rule)}
.feed__i:last-child{border-bottom:0}
.feed__i:hover{background:var(--surf2)}
.feed__rank{font:500 13px/1.5 var(--f-mono);color:var(--tx3);min-width:22px;text-align:right;flex:none}
.feed__body{min-width:0}
.feed__body a{display:block;font-size:15px;line-height:1.4;text-decoration:none;color:var(--tx)}
.feed__body a:hover{color:var(--accent)}
.feed__meta{display:block;font:400 11.5px/1.5 var(--f-mono);color:var(--tx3);margin-top:3px}
.feed__note{margin:0;padding:12px 16px;border-top:1px solid var(--rule);font-size:13px;color:var(--tx2);background:var(--bg)}

/* ---------- Магниты: машина времени ---------- */
.tm-out{margin-top:18px}
.tm-years{display:flex;gap:5px;align-items:flex-end;overflow-x:auto;padding:8px 0 0;min-height:110px}
.tm-y{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;flex:none;min-width:26px}
.tm-y i{display:block;width:20px;background:var(--accent);border-radius:3px 3px 0 0;opacity:.65;transition:opacity .15s}
.tm-y:hover i{opacity:1}
.tm-y span{font:400 10.5px/1 var(--f-mono);color:var(--tx3)}

/* ---------- Утилиты ---------- */
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 1.2rem;flex-wrap:wrap}
.sec-head h2{margin:0}
.more{font:400 13px/1 var(--f-mono);color:var(--accent);text-decoration:none;letter-spacing:.03em}
.more:hover{text-decoration:underline}
.muted{color:var(--tx2)}
.center{text-align:center}
.mt0{margin-top:0}

/* ---------- FAQ: видимый блок, источник FAQPage ---------- */
.faq{margin:0 0 1rem}
.faq__i{padding:14px 0;border-bottom:1px solid var(--rule)}
.faq__i:last-child{border-bottom:0}
.faq__q{font:600 17px/1.35 var(--f-disp);margin:0 0 .45em;color:var(--tx)}
.faq__a p{margin:0 0 .6em;color:var(--tx2)}
.faq__a p:last-child{margin-bottom:0}
.faq__a a{color:var(--accent);text-underline-offset:3px}

/* ---------- Диаграмма из данных статьи: HTML+CSS, без JS ---------- */
.bars{margin:1.8em 0;padding:16px 18px;background:var(--surf);border:1px solid var(--rule);border-radius:var(--r)}
.bars__row{display:grid;grid-template-columns:minmax(110px,32%) 1fr auto;gap:12px;align-items:center;padding:5px 0}
.bars__l{font-size:14px;line-height:1.3;color:var(--tx)}
.bars__l a{color:var(--tx);text-decoration:underline;text-decoration-color:var(--rule2);text-underline-offset:3px}
.bars__t{height:10px;background:var(--surf2);border-radius:99px;overflow:hidden}
.bars__f{display:block;height:100%;background:var(--accent);border-radius:99px;min-width:2px}
.bars__v{font:500 13px/1 var(--f-mono);font-variant-numeric:tabular-nums;color:var(--tx2);white-space:nowrap;text-align:right;min-width:4.5em}
.bars figcaption{margin-top:.9em}
@media(max-width:620px){.bars__row{grid-template-columns:1fr auto}.bars__t{grid-column:1/-1;grid-row:2}}

/* ---------- Схема процедуры ---------- */
.steps{margin:1.8em 0}
.steps__list{list-style:none;counter-reset:st;padding:0!important;margin:0!important;border-left:2px solid var(--rule2)}
.steps__i{counter-increment:st;position:relative;padding:2px 0 16px 30px!important;margin:0!important}
.steps__i::before{content:counter(st);position:absolute;left:-13px;top:0;width:24px;height:24px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);color:var(--accent);font:600 12px/20px var(--f-mono);text-align:center}
.steps__h{display:flex;flex-wrap:wrap;gap:.3em .8em;align-items:baseline;margin-bottom:.3em}
.steps__h b{font:600 16px/1.35 var(--f-disp);color:var(--tx)}
.steps__t{font:500 11.5px/1.4 var(--f-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:99px;padding:2px 8px}
.steps__i p{margin:0;color:var(--tx2);font-size:15px}

/* Статистика на главной может быть ссылкой на источник цифры */
a.stat{color:inherit;text-decoration:none;transition:border-color .15s}
a.stat:hover .stat__s{color:var(--accent)}

/* ---------- v3: графики, KPI, видео ---------- */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.lchart{margin:1.8em 0;padding:16px 18px;background:var(--surf);border:1px solid var(--rule);border-radius:var(--r)}
.lchart svg{width:100%;height:auto;display:block}
.lchart__grid{stroke:var(--rule);stroke-width:1}
.lchart__ax{font:500 13px var(--f-mono);fill:var(--tx3)}
@media(max-width:640px){.lchart__ax{font-size:20px}}
.lchart__line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.lchart__dot{fill:var(--bg);stroke:var(--accent);stroke-width:2}
.lchart__data{display:block;overflow-x:auto;margin:.8em 0 0;font:500 12px/1.4 var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.lchart__data th,.lchart__data td{padding:4px 8px;border-bottom:1px solid var(--rule);color:var(--tx2);text-align:center}
.lchart__data th{color:var(--tx3);font-weight:500}
.lchart figcaption,.kpi+p.src{margin-top:.8em}
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:1.6em 0}
.kpi__i{background:var(--surf);border:1px solid var(--rule);border-top:3px solid var(--accent);border-radius:var(--r-s);padding:14px 14px 12px}
.kpi__v{font:700 clamp(22px,3.2vw,30px)/1.05 var(--f-disp);color:var(--tx);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.kpi__l{margin-top:.45em;font-size:14px;line-height:1.35;color:var(--tx2)}
.kpi__l p,.kpi__n p{margin:0}
.kpi__n{margin-top:.4em;font:500 11px/1.35 var(--f-mono);color:var(--tx3)}
.yt{margin:1.8em 0}
.yt__btn{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;background:#000;cursor:pointer}
.yt__btn img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:opacity .2s}
.yt__btn:hover img,.yt__btn:focus-visible img{opacity:1}
.yt__play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:rgba(10,12,16,.82)}
.yt__play::after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.yt__btn:hover .yt__play{background:#e0312e}
.yt__frame{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r)}
.yt figcaption{margin-top:.7em;font-size:14px;color:var(--tx2)}
.yt figcaption a{color:var(--accent)}

/* v3 tools */
/* Общее: формы конструкторов (.tf), предпросмотр, кнопки действий */
.tool .tf__in{width:100%;text-align:left;font:400 15px/1.45 var(--f-body);padding:9px 11px;min-width:0}
.tool textarea.tf__in{resize:vertical;min-height:2.6em}
.tool .tf__in::placeholder{color:var(--tx3);opacity:1}
.tf__form{display:grid;gap:12px}
.tf__grid{display:grid;grid-template-columns:1fr minmax(120px,190px);gap:12px}
.tf__grid .tf__f:only-child{grid-column:1/-1}
.tf__f{display:grid;gap:5px;min-width:0}
.tf__f>span{font:500 11.5px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}
.tf__set{border:1px solid var(--rule);border-radius:var(--r-s);padding:10px 12px 12px;margin:0;display:grid;gap:8px;min-width:0}
.tf__set legend{font:500 11.5px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);padding:0 6px}
.tf__row{display:grid;gap:8px;align-items:center}
.tf__row--2{grid-template-columns:1fr 130px}
.tf__row--3{grid-template-columns:1fr 120px 110px auto}
.tf__del{background:none;border:1px solid var(--rule2);border-radius:var(--r-s);color:var(--tx3);width:34px;height:34px;font:400 18px/1 var(--f-body);cursor:pointer}
.tf__del:hover{color:var(--accent);border-color:var(--accent)}
.tf__set .chip{justify-self:start}
.tf__ph{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 10px;padding-top:16px;border-top:2px solid var(--accent);font:500 11.5px/1.3 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}
.tf__cnt{text-transform:none;letter-spacing:0}
.tf__ph-t{color:var(--tx3);font-style:italic}
.tf__act{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.tf__act .chip,.qz__act .chip{padding:9px 16px;font-size:13px}
.tf__st,.qz__st{font-size:13.5px}

/* Пресс-релиз: документ на «бумаге» сайта, следует теме */
.prb__doc{background:var(--bg);border:1px solid var(--rule);border-radius:var(--r-s);padding:20px 22px;font-size:15.5px;line-height:1.6;overflow-wrap:anywhere}
.prb__doc p{margin:0 0 .9em}
.prb__k{font:500 11.5px/1 var(--f-mono)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.prb__h{font:700 1.25rem/1.3 var(--f-disp);letter-spacing:-.01em;color:var(--tx)}
.prb__s{font:600 15px/1.3 var(--f-disp);margin:1.4em 0 .35em!important}
.prb__end{text-align:center;color:var(--tx3);letter-spacing:.3em;margin:1.2em 0 0!important}

/* Медиакит: лист печатного вида (белая бумага в обеих темах — это предпросмотр PDF) */
.mk__sheet{--mk-tx:#14181D;--mk-tx2:#5A646E;--mk-rule:#E3DED6;background:#fff;color:var(--mk-tx);border:1px solid var(--rule2);border-radius:var(--r-s);padding:26px 26px 20px;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere;box-shadow:var(--sh-s)}
.mk__sheet p{margin:0 0 .6em}
.mk__top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:14px;border-bottom:3px solid var(--accent);margin-bottom:16px}
.mk__k{font:500 11px/1 var(--f-mono)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.mk__name{font:700 clamp(1.4rem,1.1rem + 1.4vw,2rem)/1.1 var(--f-disp);letter-spacing:-.02em;margin:.25em 0 .3em!important}
.mk__tag{color:var(--mk-tx2)}
.mk__site{font:500 13px/1.4 var(--f-mono);text-align:right;color:var(--mk-tx2);white-space:nowrap}
.mk__sec{padding:10px 0;border-bottom:1px solid var(--mk-rule)}
.mk__sec:last-of-type{border-bottom:0}
.mk__h{font:500 11px/1.2 var(--f-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--mk-tx2);margin-bottom:.5em!important}
.mk__kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:.5em}
.mk__kpi>div{border-top:2px solid var(--accent);padding-top:6px}
.mk__kpi b{display:block;font:700 1.45rem/1.15 var(--f-disp);font-variant-numeric:tabular-nums}
.mk__kpi span{font-size:13px;color:var(--mk-tx2)}
.mk__src{font:400 12px/1.4 var(--f-mono);color:var(--mk-tx2)}
.mk__tbl{font-size:14px}
.mk__tbl th{background:none;color:var(--mk-tx2);border-bottom:1px solid var(--mk-rule);padding:6px 8px 6px 0}
.mk__tbl td{border-bottom:1px solid var(--mk-rule);padding:7px 8px 7px 0;white-space:normal}
.mk__tbl tbody tr:hover{background:none}
.mk__tbl td.num{white-space:nowrap}
.mk__foot{font:400 11.5px/1.4 var(--f-mono);color:var(--mk-tx2);margin:12px 0 0!important}
.mk__sheet .tf__ph-t{color:#9AA0A8}
#mk-print-root{display:none}
@media print{
  @page{size:A4;margin:12mm}
  html.mk-print,html.mk-print body{background:#fff!important}
  html.mk-print body>*:not(#mk-print-root){display:none!important}
  html.mk-print #mk-print-root{display:block;border:0;box-shadow:none;border-radius:0;padding:0;font-size:12pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  html.mk-print #mk-print-root .tf__ph-t{color:#9AA0A8}
  html.mk-print #mk-print-root .mk__sec{break-inside:avoid}
}

/* Карта СМИ: плиточная схема 5×5 */
.mm__head{display:flex;flex-wrap:wrap;gap:6px 18px;font:400 13px/1.4 var(--f-mono);color:var(--tx2);margin-bottom:14px}
.mm__head b{color:var(--tx);font-weight:500}
.mm__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(58px,auto);gap:5px}
.mm__t{--p:0%;display:flex;flex-direction:column;justify-content:space-between;gap:2px;padding:6px 7px;border-radius:var(--r-s);border:1px solid var(--rule2);background:color-mix(in srgb,var(--accent) var(--p),var(--surf2));color:var(--tx);text-decoration:none;min-width:0;transition:border-color .15s,transform .15s}
.mm__t:hover{border-color:var(--accent)}
.mm__t.is-on{outline:2px solid var(--accent);outline-offset:1px}
.mm__t--city{border-style:dashed;border-color:var(--tx3)}
.mm .mm__t{color:var(--tx)}
.mm .mm__t.is-empty{color:var(--tx3)}
.mm__s{font:500 12px/1.15 var(--f-body);overflow-wrap:anywhere;hyphens:auto}
.mm__n{font:500 18px/1 var(--f-mono);font-variant-numeric:tabular-nums}
.mm__legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font:400 12px/1.4 var(--f-mono);color:var(--tx3)}
.mm__legend span{display:inline-flex;align-items:center;gap:6px}
.mm__sw{display:inline-block;width:14px;height:10px;border-radius:2px;border:1px solid var(--rule2);background:color-mix(in srgb,var(--accent) 60%,var(--surf2))}
.mm__sw--city{background:var(--surf2);border:1px dashed var(--tx3)}
.mm__panel{margin-top:16px;padding:14px 16px;border:1px solid var(--rule2);border-left:3px solid var(--accent);border-radius:var(--r-s);background:var(--bg)}
.mm__ph{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px}
.mm__ph b{font:600 17px/1.3 var(--f-disp)}
.mm__ph span{font:400 12.5px/1.3 var(--f-mono);color:var(--tx3)}
.mm__x{margin-left:auto;background:none;border:0;color:var(--tx3);font:400 22px/1 var(--f-body);cursor:pointer;padding:0 4px}
.mm__x:hover{color:var(--accent)}
.mm__list{list-style:none;margin:0 0 10px!important;padding:0!important;columns:2 220px;column-gap:20px}
.mm__list li{break-inside:avoid;margin:0 0 8px!important;font-size:15px;line-height:1.35}
.mm__list li span{display:block;font:400 12px/1.4 var(--f-mono);color:var(--tx3)}
.mm__list li .tag{display:inline-block;margin-top:3px}
.mm__empty{color:var(--tx2);font-size:14.5px}
.mm-table td:first-child{white-space:nowrap}
.mm-table tr:target td{background:color-mix(in srgb,var(--accent) 12%,transparent)}

/* Тест: вопросы видимы в HTML; .is-js прячет объяснения до ответа */
.qz__bar{position:sticky;top:8px;z-index:2;display:flex;justify-content:space-between;gap:12px;padding:9px 14px;margin:-4px 0 14px;background:var(--surf2);border:1px solid var(--rule2);border-radius:var(--r-s);font:400 13px/1.3 var(--f-mono);color:var(--tx2)}
.qz__bar b{color:var(--tx);font-weight:500}
.qz__list{list-style:none;margin:0!important;padding:0!important;counter-reset:none}
.qz__q{margin:0 0 18px!important;padding:0 0 18px;border-bottom:1px solid var(--rule)}
.qz__q:last-child{border-bottom:0;margin-bottom:0!important}
.qz__t{font:600 16.5px/1.4 var(--f-disp);margin:0 0 10px}
.qz__no{display:block;font:500 11px/1.4 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.qz__opts{list-style:none;margin:0!important;padding:0!important;display:grid;gap:6px}
.qz__opts li{margin:0!important}
.qz__o{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;background:var(--bg);border:1px solid var(--rule2);border-radius:var(--r-s);color:var(--tx);padding:9px 12px;font:400 15px/1.45 var(--f-body);cursor:pointer;transition:border-color .12s,background .12s}
.qz__o:hover:not(:disabled){border-color:var(--accent)}
.qz__o:disabled{cursor:default}
.qz__l{flex:none;font:500 12px/1.9 var(--f-mono);color:var(--tx3);min-width:1.2em}
.qz__o.is-right{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,var(--bg))}
.qz__o.is-wrong{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg))}
.qz__o.is-right .qz__l,.qz__o.is-wrong .qz__l{color:var(--tx)}
.qz__ex{margin-top:10px;padding:10px 14px;border-left:3px solid var(--rule2);background:var(--surf2);border-radius:0 var(--r-s) var(--r-s) 0;font-size:14.5px;color:var(--tx2)}
.qz__ex p{margin:0 0 .5em}
.qz__ex p:last-child{margin-bottom:0}
.qz__ans{color:var(--tx)}
.qz.is-js .qz__ex{display:none}
.qz.is-js .qz__q.is-done .qz__ex{display:block}
.qz.is-js .qz__q.is-done .qz__ans::before{font:500 12px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;margin-right:.5em}
.qz.is-js .qz__q.is-good .qz__ex{border-left-color:var(--ok)}
.qz.is-js .qz__q.is-good .qz__ans::before{content:"Верно.";color:var(--ok)}
.qz.is-js .qz__q.is-bad .qz__ex{border-left-color:var(--accent)}
.qz.is-js .qz__q.is-bad .qz__ans::before{content:"Неверно.";color:var(--accent)}
.qz__res{margin-top:20px;padding:18px 18px 16px;border:1px solid var(--rule2);border-top:3px solid var(--accent);border-radius:var(--r-s);background:var(--bg)}
.qz__score{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.qz__score b{font:500 44px/1 var(--f-mono);color:var(--accent);letter-spacing:-.02em}
.qz__score span{font:400 15px/1 var(--f-mono);color:var(--tx2)}
.qz__verdict{font-size:16px;color:var(--tx)}
.qz__more{font-size:14.5px;color:var(--tx2)}
.qz__act{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* Узкие экраны: 360px без горизонтального скролла */
@media(max-width:560px){
  .mm,.qz,.tf{padding:14px}
  .tf__grid{grid-template-columns:1fr}
  .tf__row--3{grid-template-columns:1fr 1fr auto}
  .tf__row--3 [name=fn]{grid-column:1/-1}
  .tf__row--2{grid-template-columns:1fr 110px}
  .prb__doc{padding:14px}
  .mk__sheet{padding:16px 14px}
  .mk__top{flex-direction:column;gap:4px}
  .mk__site{text-align:left;white-space:normal}
  .mm__grid{gap:3px;grid-auto-rows:minmax(50px,auto)}
  .mm__t{padding:4px 4px 5px}
  .mm__s{font-size:10px;line-height:1.1}
  .mm__n{font-size:15px}
  .mm-table td:first-child{white-space:normal}
}
@media(max-width:420px){
  .mm{padding:12px 10px}
  .mm__t{padding:4px 2px 5px}
  .mm__s{font-size:9px;letter-spacing:-.02em;overflow-wrap:normal;hyphens:none}
}

/* ---------- v3: макет статьи с сайдбаром, оглавление, «Читайте также» ---------- */
.layout{display:block}
.layout>.art{margin:0 auto}
.side{max-width:var(--w-read);margin:2.4rem auto 0;display:grid;gap:14px}
.side__box{background:var(--surf);border:1px solid var(--rule);border-radius:var(--r);padding:16px 18px}
.side__h{font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);margin:0 0 .9em}
.side__toc ul{list-style:none;margin:0;padding:0}
.side__toc ul ul{padding-left:12px}
.side__toc li{margin:0}
.side__toc a{display:block;padding:6px 0 6px 10px;border-left:2px solid var(--rule);color:var(--tx2);font-size:14px;line-height:1.35;text-decoration:none}
.side__toc a:hover,.side__toc a.is-cur{color:var(--tx);border-left-color:var(--accent)}
.side__pop{list-style:none;counter-reset:pp;margin:0;padding:0}
.side__pop li{counter-increment:pp;display:grid;grid-template-columns:22px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid var(--rule)}
.side__pop li:last-child{border-bottom:0}
.side__pop li::before{content:counter(pp,decimal-leading-zero);font:500 11px/1.9 var(--f-mono);color:var(--accent)}
.side__pop a,.side__list a{color:var(--tx);font-size:14.5px;line-height:1.35;text-decoration:none}
.side__pop a:hover,.side__list a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.side__list{list-style:none;margin:0;padding:0}
.side__list li{padding:7px 0;border-bottom:1px solid var(--rule)}
.side__list li:last-child{border-bottom:0}
.side__all{display:inline-block;margin-top:.2rem;font:500 13px/1.4 var(--f-mono);color:var(--accent);text-decoration:none;padding:10px 0}
.side__all:hover{text-decoration:underline}
.toc-m{margin:0 0 1.6rem;background:var(--surf);border:1px solid var(--rule);border-radius:var(--r-s)}
.toc-m summary{cursor:pointer;padding:12px 16px;font:500 12px/1.4 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tx2);min-height:44px;display:flex;align-items:center}
.toc-m ul{list-style:none;margin:0;padding:0 16px 12px}
.toc-m ul ul{padding:0 0 0 12px}
.toc-m a{display:block;padding:7px 0;color:var(--tx2);font-size:15px;text-decoration:none;border-top:1px solid var(--rule)}
@media(min-width:1100px){
  .layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:56px;align-items:start}
  .layout>.art{margin:0;max-width:var(--w-read);justify-self:end;width:100%}
  .side{position:sticky;top:84px;margin:0;max-height:calc(100vh - 100px);overflow:auto;scrollbar-width:thin;align-self:start}
  .toc-m{display:none}
}
@media(max-width:1099px){.side__toc{display:none}}
.rel{margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--rule)}
.rel .grid--3{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.card__k{font:500 10.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.6em}
/* FAQ: видимые вопросы-карточки (без сворачивания — текст извлекается целиком) */
.faq__i{position:relative;padding:16px 0 16px 34px}
.faq__q::before{content:"?";position:absolute;left:0;top:15px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);font:600 13px/19px var(--f-mono);text-align:center}
/* Таблицы внутри статей — свой горизонтальный скролл на мобильных */
@media(max-width:640px){
  .art__body table{display:block;max-width:100%;overflow-x:auto}
  .kpi{grid-template-columns:1fr 1fr}
  .side__box{padding:14px}
}

/* ---------- v3: футер ---------- */
.ftr{margin-top:40px;border-top:1px solid var(--rule);background:var(--surf);padding:44px 0 28px;font-size:14.5px}
.ftr__grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px 32px}
.ftr__col{display:flex;flex-direction:column;gap:2px;min-width:0}
.ftr__col a{color:var(--tx2);text-decoration:none;padding:5px 0;line-height:1.35}
.ftr__col a:hover{color:var(--tx);text-decoration:underline;text-underline-offset:3px}
.ftr__h{font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);margin:0 0 .8em}
.ftr__desc{color:var(--tx2);margin:.8em 0;max-width:34ch;line-height:1.5}
.ftr__mail a{color:var(--accent)}
.brand--ftr .brand__txt{font:700 20px/1 var(--f-disp);color:var(--tx)}
.ftr__bot{margin-top:32px;padding-top:20px;border-top:1px solid var(--rule);display:grid;gap:8px;color:var(--tx3);font-size:13px;line-height:1.5}
.ftr__bot p{margin:0}
.ftr__bot a{color:var(--tx2)}
@media(max-width:1000px){.ftr__grid{grid-template-columns:1fr 1fr}.ftr__col--brand{grid-column:1/-1}}
@media(max-width:480px){.ftr__grid{grid-template-columns:1fr}}
.grid--4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.pop-grid .card__t{font-size:16px}

.art__hero{position:relative}
.art__ai{position:absolute;right:8px;bottom:8px;margin:0!important;padding:4px 8px;border-radius:4px;background:rgba(8,10,14,.72);color:#E8ECF1;font:500 11px/1.3 var(--f-mono)}
.art__ai a{color:#E8ECF1;text-decoration:underline;text-underline-offset:2px}