/* =================================================================
 * page-news.css — раздел «Медиа»: лента, статья, теги, встроенные виджеты.
 * Токены из tokens.css. Классы матчей (.match-row*) — из main.css.
 * ================================================================= */

.na-kicker{font-family:var(--ff-mono);font-size:var(--fs-11);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brand)}

/* ---------- бейдж типа материала ---------- */
.art-type{display:inline-flex;align-items:center;gap:6px;font-family:var(--ff-mono);font-size:var(--fs-10);font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.art-type i{width:6px;height:6px;border-radius:50%;display:inline-block}
.art-type.t-pred{color:var(--brand);background:rgba(198,255,58,.09);border:1px solid rgba(198,255,58,.28)}
.art-type.t-pred i{background:var(--brand)}
.art-type.t-report{color:var(--brand-2);background:rgba(77,124,255,.1);border:1px solid rgba(77,124,255,.3)}
.art-type.t-report i{background:var(--brand-2)}
.art-type.t-article{color:var(--text-dim);background:var(--bg-row);border:1px solid var(--border)}
.art-type.t-article i{background:var(--text-dim)}
.art-type.t-news{color:#ffd23f;background:rgba(255,210,63,.08);border:1px solid rgba(255,210,63,.28)}
.art-type.t-news i{background:#ffd23f}
.art-type.on-cover{position:absolute;top:12px;left:12px;backdrop-filter:blur(4px)}

/* =====================================================
 *  ЛЕНТА /news/  и архивы (тег/тип)
 * ===================================================== */
.nf-mast{position:relative;text-align:center;padding:30px 0 24px;border-bottom:2px solid var(--brand);margin-bottom:26px;overflow:hidden}
.nf-mast::before{content:"";position:absolute;left:50%;top:-100px;transform:translateX(-50%);width:560px;height:260px;background:radial-gradient(circle at center,color-mix(in oklab,var(--brand) 12%,transparent),transparent 66%);pointer-events:none;z-index:0}
.nf-mast>*{position:relative;z-index:1}
.nf-kicker{display:inline-flex;align-items:center;gap:7px;margin:0;font-family:var(--ff-mono);font-size:var(--fs-10);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);background:color-mix(in oklab,var(--brand) 10%,transparent);border:1px solid color-mix(in oklab,var(--brand) 28%,transparent);border-radius:999px;padding:5px 11px}
.nf-kicker i{width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 8px var(--brand)}
.nf-h1{font-size:40px;font-weight:900;letter-spacing:-.03em;margin:14px 0 6px}
@media(max-width:600px){.nf-h1{font-size:30px}}
.nf-sub{color:var(--text-dim);font-size:16px;line-height:1.6;margin:16px auto 0;max-width:none}
.nf-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.nf-chip{font:600 13px/1 var(--ff-sans);color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:8px 15px;transition:border-color .12s,color .12s,background .12s}
.nf-chip:hover{color:var(--text);border-color:var(--text-dim)}
.nf-chip.is-active{color:#0a0d12;background:var(--brand);border-color:var(--brand);font-weight:700}
.nf-empty{color:var(--text-dim);text-align:center;padding:48px 0}

.nf-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
.nf-tag{display:inline-flex;align-items:center;gap:7px;font:600 12px/1 var(--ff-sans);color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:7px 12px}
.nf-tag:hover{color:var(--text);border-color:var(--text-dim)}
.nf-tag .cnt{font-family:var(--ff-mono);font-size:var(--fs-10);color:var(--text-mute)}

/* Главный (featured) материал ленты */
.nf-hero{display:grid;grid-template-columns:1.15fr 1fr;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:22px;transition:border-color .14s}
.nf-hero:hover{border-color:#2a3546}
@media(max-width:720px){.nf-hero{grid-template-columns:1fr}}
.nf-hero-cover{position:relative;display:block;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#0a0d12;border-right:1px solid var(--border-soft)}
@media(max-width:720px){.nf-hero-cover{border-right:0;border-bottom:1px solid var(--border-soft)}}
.nf-hero-cover.is-placeholder{background:radial-gradient(120% 100% at 25% 0%,rgba(198,255,58,.10),transparent 55%),linear-gradient(150deg,#141c0a,#0a0d12)}
.nf-hero-b{padding:26px 28px;display:flex;flex-direction:column;justify-content:center;gap:13px}
@media(max-width:720px){.nf-hero-b{padding:20px}}
.nf-hero-t{margin:0;font-size:27px;line-height:1.16;font-weight:800;letter-spacing:-.02em}
@media(max-width:600px){.nf-hero-t{font-size:22px}}
.nf-hero-t a:hover{color:var(--brand)}
.nf-hero-lead{margin:0;color:var(--text-dim);font-size:15.5px;line-height:1.55}
.nf-hero-go{font-family:var(--ff-mono);font-size:var(--fs-11);font-weight:700;letter-spacing:.05em;color:var(--brand);margin-top:2px}

.nf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:860px){.nf-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.nf-grid{grid-template-columns:1fr}}
.ncard{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color .14s,transform .14s}
.ncard:hover{border-color:#2a3546;transform:translateY(-2px)}
.ncard-cover{position:relative;display:block;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#0a0d12;border-bottom:1px solid var(--border-soft)}
.ncard-cover.is-placeholder{background:radial-gradient(120% 100% at 25% 0%,rgba(198,255,58,.10),transparent 55%),linear-gradient(150deg,#141c0a,#0a0d12)}
.ncard-b{padding:15px 16px 16px;display:flex;flex-direction:column;flex:1}
.ncard-t{font-size:16px;font-weight:700;line-height:1.25;margin:0 0 8px}
.ncard-t a:hover{color:var(--brand)}
.ncard-lead{color:var(--text-dim);font-size:13px;line-height:1.5;margin:0 0 14px;flex:1}
.ncard-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--ff-mono);font-size:var(--fs-10);color:var(--text-mute)}
.ncard-meta .dot{color:var(--border)}

.nf-pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:34px 0 8px}
.nf-pager .pg{font:600 13px/1 var(--ff-sans);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--r-md);padding:9px 16px;background:var(--bg-elev)}
.nf-pager .pg:hover{color:var(--text);border-color:var(--text-dim)}
.nf-pager .pg-now{font-family:var(--ff-mono);font-size:var(--fs-11);color:var(--text-mute)}

/* =====================================================
 *  СТАТЬЯ
 * ===================================================== */
.na-wrap{max-width:820px;margin:0 auto}
.na-mast{padding:6px 0 18px;border-bottom:2px solid var(--brand)}
.na-mast .art-type{margin-bottom:16px}
.na-h1{font-size:40px;line-height:1.06;font-weight:900;letter-spacing:-.03em;margin:0 0 14px}
@media(max-width:600px){.na-h1{font-size:28px}}
.na-lead{position:relative;font-size:19px;line-height:1.55;color:var(--text-dim);font-weight:500;margin:2px 0 0;padding-left:16px;border-left:3px solid color-mix(in oklab,var(--brand) 55%,var(--border))}

.na-cats{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0}
.na-cat{font:600 12px/1 var(--ff-sans);color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:6px 12px}
.na-cat:hover{color:var(--text);border-color:var(--text-dim)}
.na-cat.tt-team{border-color:rgba(255,84,104,.35)}
.na-cat.tt-league{border-color:rgba(77,124,255,.35)}
.na-cat.tt-player{border-color:rgba(198,255,58,.35)}

/* оглавление длинной статьи */
.na-toc{max-width:820px;margin:22px auto 0;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 18px}
.na-toc-h{font-family:var(--ff-mono);font-size:var(--fs-11);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);margin-bottom:10px}
.na-toc-list{margin:0;padding:0;list-style:none;counter-reset:toc;columns:2;column-gap:30px}
@media(max-width:600px){.na-toc-list{columns:1}}
.na-toc-list li{counter-increment:toc;margin:0 0 8px;font-size:14px;line-height:1.35;break-inside:avoid}
.na-toc-list a{color:var(--text-dim)}
.na-toc-list a::before{content:counter(toc,decimal-leading-zero);font-family:var(--ff-mono);font-size:var(--fs-10);color:var(--brand);margin-right:8px}
.na-toc-list a:hover{color:var(--text)}

/* карточка клуба [team] */
.aw-team{display:flex;align-items:center;gap:13px;padding:14px}
.aw-team-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.aw-team-name{font-weight:700;font-size:15px}
.aw-team-name a:hover{color:var(--brand)}
.aw-team-code{font-family:var(--ff-mono);font-size:var(--fs-10);color:var(--text-mute);letter-spacing:.06em}

/* ряд клубов [teams] */
.team-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.team-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;font-weight:600;font-size:13px;color:var(--text)}
a.team-chip:hover{border-color:var(--text-dim)}
.team-chip img{width:18px;height:18px;object-fit:contain;border-radius:3px}
/* Инлайн-чип лиги ([league slug=...]) — иконка + название, ссылка на турнир */
.league-chips{display:inline;white-space:normal}
.league-chip{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;padding:2px 9px 2px 6px;margin:0 2px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;font-weight:600;font-size:.92em;line-height:1.4;color:var(--text);text-decoration:none}
a.league-chip:hover{border-color:var(--text-dim)}
.league-chip__logo{width:18px;height:18px;object-fit:contain;border-radius:3px;flex:none}
.league-chips .league-chip+.league-chip{margin-left:4px}
.na-byline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);font-family:var(--ff-mono);font-size:var(--fs-11);color:var(--text-mute)}
.na-byline .who{color:var(--text-dim)}
.na-byline .dot{color:var(--border)}
.na-byline .upd{color:var(--brand-2)}
.na-cover{margin:22px 0 4px}
.na-cover img{width:100%;height:auto;border-radius:var(--r-lg);border:1px solid var(--border);display:block}

/* Цвета текста — через токены, чтобы одинаково читалось в тёмной и светлой теме.
 * --na-ink — основной текст статьи, чуть мягче базового --text. */
html{scroll-padding-top:100px}
.na-body{margin-top:28px;--na-ink:var(--text);counter-reset:na-sec}
[data-theme="dark"] .na-body{--na-ink:#d7dce6}
.na-body p{margin:0 0 20px;font-size:17px;line-height:1.72;color:var(--na-ink);text-align:justify;-webkit-hyphens:manual;hyphens:manual}
@media(max-width:600px){.na-body p{text-align:left}}
.na-body h2{counter-increment:na-sec;position:relative;margin:44px 0 16px;padding:0 52px 0 15px;font-size:25px;font-weight:800;letter-spacing:-.02em;color:var(--text);min-height:34px;display:flex;align-items:center}
.na-body h2::before{content:"";position:absolute;left:0;top:.16em;bottom:.16em;width:4px;border-radius:2px;background:var(--brand)}
.na-body h2::after{content:counter(na-sec,decimal-leading-zero);position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:var(--ff-mono);font-size:30px;font-weight:800;line-height:1;color:var(--border);letter-spacing:-.02em}
[data-theme="dark"] .na-body h2::after{color:#252d3a}
@media(max-width:600px){.na-body h2{font-size:22px;padding-right:44px}.na-body h2::after{font-size:26px}}
.na-body h3{margin:30px 0 10px;font-size:18px;font-weight:700;color:var(--text)}
.na-body a{color:var(--brand);border-bottom:1px solid color-mix(in oklab,var(--brand) 30%,transparent)}
.na-body ul,.na-body ol{margin:0 0 20px;padding-left:22px;color:var(--na-ink);font-size:17px;line-height:1.62}
.na-body li{margin:7px 0}
.na-body strong{color:var(--text);font-weight:700}
.na-body p:first-child::first-letter{float:left;font-size:56px;line-height:.8;font-weight:900;padding:6px 12px 0 0;color:var(--brand)}

/* картинка в теле статьи ([img ...]) */
.na-fig{margin:24px 0}
.na-fig img{width:100%;border-radius:var(--r-lg);border:1px solid var(--border)}
.na-fig figcaption{margin-top:8px;font-family:var(--ff-mono);font-size:var(--fs-11);color:var(--text-mute);text-align:center}

/* теги под статьёй */
.na-taglist{max-width:820px;margin:26px auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.na-taglist-h{font-family:var(--ff-mono);font-size:var(--fs-11);color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em;margin-right:4px}
.na-tag{font:600 12px/1 var(--ff-sans);color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:7px 12px}
.na-tag:hover{color:var(--text);border-color:var(--text-dim)}
.na-tag.tt-team{border-color:rgba(255,84,104,.3)}
.na-tag.tt-league{border-color:rgba(77,124,255,.3)}
.na-tag.tt-player{border-color:rgba(198,255,58,.3)}

/* =====================================================
 *  ВИДЖЕТ в теле статьи
 * ===================================================== */
.art-widget{margin:22px 0;background:var(--bg-row);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.aw-bar{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid var(--border-soft)}
.aw-live{position:relative;width:7px;height:7px;border-radius:50%;background:var(--brand);flex-shrink:0}
.aw-live::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid var(--brand);animation:aw-pulse 2.2s ease-out infinite}
@keyframes aw-pulse{0%{transform:scale(.5);opacity:.7}100%{transform:scale(1.9);opacity:0}}
@media(prefers-reduced-motion:reduce){.aw-live::after{animation:none;opacity:.35}}
.aw-label{font-family:var(--ff-mono);font-size:var(--fs-11);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}
.aw-foot{padding:9px 14px;border-top:1px solid var(--border-soft);text-align:right}
.aw-foot a{font-family:var(--ff-mono);font-size:var(--fs-11);color:var(--brand)}
.aw-foot a:hover{color:var(--text)}

/* Строка матча внутри статьи: дата · иконка+лига · сам матч. Отдельный класс .mra
 * (партиал match-row-article.php), общий match-row не задействован. */
.mra{display:grid;grid-template-columns:52px auto 1fr 66px 1fr;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--border-soft);color:inherit;transition:background .12s}
.mra:first-of-type{border-top:0}
.mra:hover{background:var(--bg-row-hov)}
.mra-date{font-family:var(--ff-mono);font-size:var(--fs-10);color:var(--text-mute);line-height:1.35;text-align:center}
.mra-date b{display:block;font-size:12px;color:var(--text-dim);font-weight:700}
.mra-date .mra-livemin{color:var(--color-live);font-weight:700}
.mra-league{display:flex;align-items:center;gap:6px;min-width:0;font-family:var(--ff-mono);font-size:var(--fs-10);color:var(--text-mute);letter-spacing:.03em}
.mra-league img{width:16px;height:16px;object-fit:contain;flex-shrink:0}
.mra-league span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mra-home{display:flex;align-items:center;gap:8px;min-width:0}
.mra-away{display:flex;align-items:center;gap:8px;min-width:0;justify-content:flex-end}
.mra-name{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mra-name.is-tbd{color:var(--text-mute);font-style:italic}
.mra-home:hover .mra-name,.mra-away:hover .mra-name{color:var(--brand)}
.mra-score{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;font-family:var(--ff-mono);font-weight:700;font-size:18px;letter-spacing:-.02em}
.mra-score .mra-sep{color:var(--text-mute);font-weight:400}
.mra-pending{font-family:var(--ff-mono);font-size:12px;font-weight:500;color:var(--text-dim)}
.mra-pen{flex:0 0 100%;text-align:center;font-family:var(--ff-mono);font-size:var(--fs-9);color:var(--text-mute)}
.mra img.crest,.mra .crest{width:22px;height:22px;object-fit:contain;flex-shrink:0}
@media(max-width:600px){
  .mra{grid-template-columns:44px 1fr 52px 1fr;gap:7px;padding:10px 12px}
  .mra-league{display:none}
  .mra-name{font-size:12.5px}
}

.aw-tbl{width:100%;border-collapse:collapse;font-size:13px}
.aw-tbl th{font-family:var(--ff-mono);font-size:var(--fs-10);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-mute);text-align:center;padding:9px 6px;border-bottom:1px solid var(--border)}
.aw-tbl th.l,.aw-tbl td.l{text-align:left}
.aw-tbl td{padding:9px 6px;text-align:center;border-bottom:1px solid var(--border-soft);font-family:var(--ff-mono);color:var(--text-dim)}
.aw-tbl tr:last-child td{border-bottom:0}
.aw-tbl td.team{text-align:left;color:var(--text);font-family:var(--ff-sans);font-weight:600;font-size:13px}
.aw-tbl td.pos{color:var(--text-mute)}
.aw-tbl td.pts{color:var(--text);font-weight:700}
.aw-tbl .tcell{display:flex;align-items:center;gap:8px}
.aw-tbl .tname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.aw-scr{display:flex;align-items:center;gap:11px;padding:10px 14px;border-bottom:1px solid var(--border-soft)}
.aw-scr:last-child{border-bottom:0}
.aw-scr .rk{font-family:var(--ff-mono);font-size:13px;color:var(--text-mute);width:18px;text-align:center}
.aw-scr .nm{flex:1;font-weight:600;font-size:14px}
.aw-scr .nm a:hover{color:var(--brand)}
.aw-scr .cl{font-family:var(--ff-mono);font-size:var(--fs-11);color:var(--text-mute)}
.aw-scr .gl{font-family:var(--ff-mono);font-weight:700;font-size:16px;color:var(--brand)}

/* h2h */
.aw-h2h{padding:16px}
.h2h-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:14px}
.h2h-side{display:flex;flex-direction:column;align-items:center;gap:7px}
.h2h-side .nm{font-weight:700;font-size:13px;text-align:center}
.h2h-nums{text-align:center}
.h2h-nums .big{font-family:var(--ff-mono);font-size:24px;font-weight:700}
.h2h-nums .lb{font-family:var(--ff-mono);font-size:var(--fs-10);color:var(--text-mute);letter-spacing:.06em}
.h2h-list{border-top:1px solid var(--border-soft)}
.h2h-r{display:grid;grid-template-columns:64px 1fr auto 1fr;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--border-soft);font-size:12px}
.h2h-r:first-child{border-top:0}
.h2h-r .dt{font-family:var(--ff-mono);font-size:var(--fs-10);color:var(--text-mute)}
.h2h-r .tr{text-align:right}
.h2h-r .sc{font-family:var(--ff-mono);font-weight:700}
.h2h-r .sc a:hover{color:var(--brand)}

/* form */
.aw-form{display:flex;align-items:center;gap:10px;padding:14px}
.aw-form-name{font-weight:700;font-size:14px;flex:1}
.formmini{display:inline-flex;gap:3px}
.formmini i{width:18px;height:18px;border-radius:3px;display:grid;place-items:center;font:700 9px/1 var(--ff-mono);color:#0a0d12}
.formmini .w{background:var(--win)}.formmini .d{background:var(--draw)}.formmini .lo{background:var(--loss);color:#fff}

/* =====================================================
 *  Структурные блоки в теле статьи
 *  (мета-инфо матча · счёт вне базы · коэффициенты · вероятности)
 *  Распознаются автоматически по форме текста (helpers/shortcodes.php).
 * ===================================================== */

/* — Мета-инфо: Турнир / Дата / Место / Судья — */
.na-meta{margin:24px 0;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;
  background:linear-gradient(180deg,var(--bg-elev),var(--bg-row))}
.na-meta-row{display:grid;grid-template-columns:minmax(150px,215px) 1fr;gap:16px;align-items:start;padding:13px 18px}
.na-meta-row+.na-meta-row{border-top:1px solid var(--border-soft)}
.na-meta-k{display:inline-flex;align-items:flex-start;gap:9px;font-family:var(--ff-mono);font-size:var(--fs-11);
  font-weight:700;letter-spacing:.07em;line-height:1.5;text-transform:uppercase;color:var(--text-mute)}
.na-meta-k svg{width:15px;height:15px;flex:none;margin-top:1px;color:var(--brand)}
.na-meta-v{font-size:15.5px;font-weight:600;color:var(--text);line-height:1.45}
.na-meta-v a{color:var(--text);border:0}
.na-meta-v .league-chip{vertical-align:baseline}
@media(max-width:520px){
  .na-meta-row{grid-template-columns:1fr;gap:4px;padding:11px 15px}
  .na-meta-v{font-size:15px}
}

/* — Матчи вне базы (товарищеские): карточки счёта — */
.na-fixtures{margin:24px 0;display:grid;gap:8px}
.na-fx{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
  padding:13px 16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-row)}
.na-fx-t{font-weight:700;font-size:15px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.na-fx-h{text-align:right}
.na-fx-a{text-align:left}
.na-fx.is-win-h .na-fx-a,.na-fx.is-win-a .na-fx-h{color:var(--text-dim)}
.na-fx-sc{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-mono);font-weight:800;font-size:18px;
  letter-spacing:-.02em;padding:4px 13px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border)}
.na-fx-sc .s{min-width:13px;text-align:center;color:var(--text)}
.na-fx-sc .s.win{color:var(--brand)}
.na-fx-sc .s.lose{color:var(--text-mute)}
.na-fx-sc .sep{color:var(--text-mute)}
@media(max-width:520px){.na-fx{gap:10px;padding:12px 13px}.na-fx-t{font-size:14px}.na-fx-sc{font-size:16px;padding:3px 11px}}

/* — Коэффициенты букмекеров — */
.na-odds{margin:24px 0;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--bg-row)}
.na-odds-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px}
.na-odds-row+.na-odds-row{border-top:1px solid var(--border-soft)}
.na-odds-k{font-size:15px;font-weight:600;color:var(--text)}
.na-odds-v{font-family:var(--ff-mono);font-weight:700;font-size:14.5px;letter-spacing:-.01em;color:var(--brand);
  background:color-mix(in oklab,var(--brand) 10%,transparent);
  border:1px solid color-mix(in oklab,var(--brand) 26%,transparent);
  border-radius:999px;padding:4px 13px;white-space:nowrap}

/* — Вероятности: шкалы — */
.na-prob{margin:24px 0;display:grid;gap:13px}
.na-prob-row{display:grid;grid-template-columns:minmax(120px,210px) 1fr 52px;gap:14px;align-items:center}
.na-prob-k{font-size:14.5px;font-weight:600;color:var(--text-dim)}
.na-prob-track{position:relative;height:11px;border-radius:999px;background:var(--bg-elev);border:1px solid var(--border);overflow:hidden}
.na-prob-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;
  background:linear-gradient(90deg,color-mix(in oklab,var(--brand) 62%,transparent),var(--brand))}
.na-prob-v{font-family:var(--ff-mono);font-weight:800;font-size:15px;color:var(--text);text-align:right;letter-spacing:-.02em}
.na-prob-row.is-top .na-prob-k{color:var(--text)}
.na-prob-row.is-top .na-prob-fill{box-shadow:0 0 14px color-mix(in oklab,var(--brand) 45%,transparent)}
@media(max-width:520px){
  .na-prob-row{grid-template-columns:1fr 48px;grid-template-areas:"k v" "bar bar";row-gap:6px;column-gap:12px}
  .na-prob-k{grid-area:k}.na-prob-v{grid-area:v}.na-prob-track{grid-area:bar}
}

/* =====================================================
 *  Похожие + strip для страниц сущностей
 * ===================================================== */
.na-related{max-width:820px;margin:44px auto 0;border-top:1px solid var(--border);padding-top:22px}
.na-related-h{font-size:15px;font-weight:800;letter-spacing:-.01em;margin-bottom:14px}
.na-related-grid,.ns-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:760px){.na-related-grid,.ns-grid{grid-template-columns:repeat(2,1fr)}}
.na-rel,.ns-card{display:flex;flex-direction:column;gap:8px}
.na-rel-cover,.ns-cover{position:relative;height:88px;border-radius:var(--r-md);background-size:cover;background-position:center;border:1px solid var(--border)}
.na-rel-cover.is-placeholder,.ns-cover.is-placeholder{background:linear-gradient(150deg,#141c0a,#0a0d12)}
.na-rel-t,.ns-t{font-size:13px;font-weight:600;line-height:1.3}
.na-rel:hover .na-rel-t,.ns-card:hover .ns-t{color:var(--brand)}
.ns-card .on-cover{transform:scale(.85);transform-origin:top left;top:8px;left:8px}
.ns-d{font-family:var(--ff-mono);font-size:var(--fs-10);color:var(--text-mute)}

.news-strip{margin:28px 0}
.ns-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.ns-head h2{margin:0;font-size:16px;font-weight:800;letter-spacing:-.01em}
.ns-more{font-family:var(--ff-mono);font-size:var(--fs-11);color:var(--text-dim)}
.ns-more:hover{color:var(--brand)}