/* Гид по беговым кроссовкам, октябрь 2026: оформление гида по шиповкам (spikes-guide.css) и блоки, которых у шиповок нет —
   словарь конструкции, карта рынка, детская глава, подпись бренда вместо логотипа и примерка в карточке модели. */

/* Финишное слово длиннее «ШИПОВОК»: размер считается по числу букв, как на страницах брендов. */
.running-guide .finish-word{font-size:min(290px,calc(min(100vw,1216px) * 1.5 / var(--len,9)))}

/* Бренд без локального логотипа: название тем же серым, при наведении — тёмным. */
.brand-run a .brand-run-word{display:flex;align-items:center;justify-content:center;align-self:center;width:160px;height:64px;margin:0;padding:0 6px;font:700 24px/1 Oswald,system-ui,sans-serif;letter-spacing:.02em;text-align:center;text-transform:uppercase;color:#5d6878;white-space:nowrap;transition:color .2s}
.brand-run a:hover .brand-run-word,.brand-run a:focus-visible .brand-run-word,.brand-run a[aria-current] .brand-run-word{color:var(--ink)}
@media(max-width:650px){.brand-run a .brand-run-word{width:120px;height:48px;font-size:19px}}

/* Карточка каталога: пример поколения вместо цены. */
.card-example span{display:block;font-size:13px;line-height:1.45;color:var(--muted)}

/* Карточка модели на странице бренда. */
.model-copy .model-note{margin:0 0 4px}
.model-check{margin:0 0 14px!important;padding:14px 16px;border-radius:12px;background:var(--paper)}
.model-check strong{display:block;margin-bottom:4px;font:600 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.model-check span{display:block;font-size:15px;line-height:1.55}

/* Словарь конструкции и карта рынка: карточки в сетке. */
.glossary-grid,.market-grid,.kids-points,.season-grid,.lace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 18px;padding:0}
.glossary-grid>div,.market-grid>div,.kids-points>div,.season-grid>div,.lace-grid>div{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}
.glossary-grid dt{margin:0 0 8px;padding-bottom:10px;border-bottom:1px solid var(--line);font:600 21px/1.2 Oswald,system-ui,sans-serif;color:var(--ink)}
.glossary-grid dd{margin:0;font-size:15px;line-height:1.6;color:var(--ink)}
.glossary-grid>div:first-child{--spot:rgba(220,255,104,.9);border-color:var(--ink);background:var(--ink)}
.glossary-grid>div:first-child dt{border-color:rgba(255,255,255,.16);color:var(--lime)}
.glossary-grid>div:first-child dd{color:#e2eaf3}
.market-grid h3,.kids-points h3,.season-grid h3,.lace-grid h3{margin:0 0 8px;font:600 21px/1.2 Oswald,system-ui,sans-serif}
.market-grid p,.kids-points p,.season-grid p,.lace-grid p{margin:0;font-size:15px;line-height:1.6}
.market-grid>div:nth-child(4){border-color:var(--lime);background:var(--lime)}

/* Детская глава: таблица сценариев, три тезиса и переход в каталог. */
.kids-wrap{margin-top:24px}
.kids-action{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:24px 0 0}
.kids-action .caption{margin:0}

/* Шнуровка: первая карточка тёмная, как первая в словаре. */
.lace-grid>div:first-child{--spot:rgba(220,255,104,.9);border-color:var(--ink);background:var(--ink);color:#e2eaf3}
.lace-grid>div:first-child h3{color:var(--lime)}

/* Словарь из описаний: термин слева, пояснение справа. */
.term-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}
.term-list>div{padding:12px 0;border-top:1px solid var(--line)}
.term-list dt{font:600 13px/1.4 var(--mono);letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}
.term-list dd{margin:4px 0 0;font-size:15px;line-height:1.55}
.kids-steps{margin-bottom:12px}

@media(max-width:900px){.glossary-grid,.market-grid,.kids-points,.season-grid,.lace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.glossary-grid,.market-grid,.kids-points,.season-grid,.lace-grid,.term-list{grid-template-columns:minmax(0,1fr)}}
