/* ═══════════════════════════════════════════════════════════════════════════
   ЧЕРНИЛА НА КЛУБНЫХ ПОВЕРХНОСТЯХ ТЕМЫ
   Подключается ПОСЛЕДНИМ из листов темы — после v5-design.css и v5-home.css.

   ⛔ Зачем этот лист вообще существует. В теме тридцать два места, где на
   заливке клубного цвета цвет текста задан ЛИТЕРАЛОМ: `color: #fff` и
   `rgba(255,255,255,.6)`. Литерал не знает, на чём он лежит. Пока клубный
   цвет тёмный, белый угадывает; на светлом (проверено на золотом #e7c524)
   получается белое по золоту — заголовок новости на главной был не читаем
   вовсе. Найдено рендером демо-сайта 07.09.2026.

   Правильный источник — РОЛЬ, посчитанная от самой заливки:
     --fnwv5-on-primary   для поверхностей, залитых primary;
     --fnwv5-on-theme     для поверхностей, залитых theme_color.
   Считает их functions.php по светлоте CIELAB (порог L* 52.5), а не по
   гамма-кодированному прокси: на прокси сторона выбиралась неверно у 22.5%
   цветов.

   ⛔ Почему листом-надстройкой, а не правкой тех тридцати двух строк.
   v5-design.css и v5-home.css — общие с футбольной V5 и обновляются вместе с
   ней; правки внутри них при следующем переносе темы затрутся молча. Здесь же
   всё, что зависит от клубного цвета, лежит в одном месте и видно целиком.

   ⛔ Полупрозрачные потомки НЕ красим в свой литерал: берём currentColor и
   подмешиваем прозрачность. Тогда потомок следует за чернилами родителя
   автоматически, и добавление новой поверхности не требует новой строки.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── поверхности, залитые PRIMARY ── */
.fnwv5-feat__panel,
.fnwv5-mc-feat,
.fnwv5-fx-card,
.fnwv5-mc-row,
.fnwv5-home-matches,
.fnwv5-pcard,
.fnwv5-ltable,
/* ⛔ .fnwv5-mcard нужен ЗДЕСЬ, а не только через полосу «ближайших матчей».
   На главной карточки лежат внутри .fnwv5-home-matches и берут чернила у неё;
   на странице результатов тот же блок стоит сам по себе, чернил не получает и
   наследует белый цвет страницы. Потомки на currentColor вместе с ним уходили
   в белое по золоту: замер дал ΔL* 16.0 и 17.8 (второй скан, 07.09.2026). */
.fnwv5-mcard {
  color: var(--fnwv5-on-primary, #fff);
}

/* ── поверхности, залитые THEME_COLOR ── */
.fnwv5-standing,
.fnwv5-mc-tabs__row {
  color: var(--fnwv5-on-theme, #fff);
}

/* ── сплошные чернила у потомков: наследуют цвет поверхности ── */
.fnwv5-feat__title,
.fnwv5-feat__more,
.fnwv5-mc-feat__score,
.fnwv5-mc-row--fx .fnwv5-mc-row__mid,
.fnwv5-pcard__badge,
.fnwv5-pcard__title,
.fnwv5-standing__name,
.fnwv5-standing__tnum,
.fnwv5-sec-head--light .fnwv5-h2 {
  color: inherit;
}

/* Ссылка «дальше» на клубной полосе. В теме у неё !important, поэтому и здесь
   он нужен — иначе правило проигрывает не по весу, а по флагу. */
.fnwv5-sec-link--light {
  color: inherit !important;
}

/* ── приглушённые потомки: доля от чернил поверхности ── */
.fnwv5-mc-feat__meta {
  color: color-mix(in srgb, currentColor 90%, transparent);
}

.fnwv5-mcard__vs {
  color: color-mix(in srgb, currentColor 85%, transparent);
}

.fnwv5-mcard__comp {
  color: color-mix(in srgb, currentColor 82%, transparent);
}

.fnwv5-fx-meta {
  color: color-mix(in srgb, currentColor 75%, transparent);
}

.fnwv5-mc-row__info .meta,
.fnwv5-pcard__desc {
  color: color-mix(in srgb, currentColor 72%, transparent);
}

.fnwv5-fx-foot {
  color: color-mix(in srgb, currentColor 70%, transparent);
}

.fnwv5-standing__biglbl,
.fnwv5-fx-cd-lbl {
  color: color-mix(in srgb, currentColor 60%, transparent);
}

/* ⛔ Закладка матч-центра берёт чернила ПОЛОСЫ, а не унаследованные от
   страницы. Полоса залита затемнённой темой, страница — самой темой; при
   светлой теме это две разные по светлоте поверхности, и унаследованные
   чернила оказывались тёмными на тёмном. Замерено на палитре второго стенда:
   было ΔL* 28.7 при цели 30. */
.fnwv5-mc-tab {
  color: color-mix(in srgb, var(--fnwv5-on-themeband, var(--fnwv5-on-theme, #fff)) 66%, transparent);
}

.fnwv5-fx-datecol .yr,
.fnwv5-standing__tlbl {
  color: color-mix(in srgb, currentColor 55%, transparent);
}

/* Активная и наведённая закладка матч-центра — полные чернила полосы. */
.fnwv5-mc-tab:hover,
.fnwv5-mc-tab.is-active {
  color: var(--fnwv5-on-themeband, var(--fnwv5-on-theme, #fff));
}

/* ⛔ Полупрозрачные РАМКИ и подложки внутри этих поверхностей тоже белые
   литералом (`rgba(255,255,255,.06)`), и на светлой заливке их не видно.
   Правим только те, что несут смысл: разделители строк и рамку полосы. */
.fnwv5-mc-tabs__row {
  border-color: color-mix(in srgb, var(--fnwv5-on-theme, #fff) 12%, transparent);
}

.fnwv5-mc-tab:hover,
.fnwv5-mc-tab.is-active {
  background: color-mix(in srgb, var(--fnwv5-on-theme, #fff) 7%, transparent);
}

.fnwv5-standing {
  border-color: color-mix(in srgb, var(--fnwv5-on-theme, #fff) 12%, transparent);
}

/* ═══════════════════════════════════════════════════════════════════════════
   ЗАЛИВКИ КЛУБНОГО ЦВЕТА: ВУАЛЬ И ШИРИНА ПОЛОСЫ

   ⛔ Второй, более коварный слой той же беды. Мало выбрать чернила — надо,
   чтобы САМА заливка их выдержала. В теме клубные панели собраны так:

       linear-gradient(160deg, rgba(0,0,0,.16), rgba(0,0,0,.46)),      ← вуаль
       linear-gradient(135deg, primary-deep, primary, primary-hi)      ← полоса

   Две ошибки сразу.

   1. ВУАЛЬ ЧЁРНАЯ ВСЕГДА. Она нужна, чтобы притушить яркую заливку под белый
      текст. Но если чернила ЧЁРНЫЕ (светлый клубный цвет), чёрная вуаль тянет
      поверхность к середине светлоты — туда, где слабы ОБА полюса чернил.
      Вуаль обязана быть ПРОТИВОПОЛОЖНА чернилам, и её сторону считает
      functions.php: --fnwv5-veil.

   2. ПОЛОСА ШИРЕ ДОПУСТИМОГО. primary-deep у золотого клуба — это L* 25, а
      primary-hi — L* 85. Полосу судят по ХУДШЕМУ концу, а не по середине:
      чёрные чернила на конце L* 25 не читаются вовсе. Полоса должна лежать на
      стороне чернил — это --fnwv5-cardlo … --fnwv5-cardhi.

   Замеры до правки (скан contrast_sweep по пикселям, 07.09.2026):
       .fnwv5-mc-feat__comp   ΔL*  7.3   при цели 35
       .bb-crest--mono        ΔL*  4.7
       .fnwv5-mcard__btn      ΔL* 19.8
       .fnwv5-mcard__comp     ΔL* 22.2
       span.bb-name (в mc-feat) ΔL* 25.7
   Причина у всех одна: фон под ними оказывался тёмно-оливковым (rgb 95,82,16)
   вместо золотого, потому что чёрная вуаль легла на полосу с тёмным концом.

   Диагональная штриховка тоже была белым литералом: на светлой заливке её не
   видно. Берём её от чернил поверхности.
   ═══════════════════════════════════════════════════════════════════════════ */

.fnwv5-mc-feat {
  background:
    repeating-linear-gradient(135deg,
      color-mix(in srgb, var(--fnwv5-on-primary, #fff) 5%, transparent) 0 2px,
      transparent 2px 26px),
    linear-gradient(160deg,
      color-mix(in srgb, var(--fnwv5-veil, #000) 12%, transparent),
      color-mix(in srgb, var(--fnwv5-veil, #000) 42%, transparent)),
    linear-gradient(135deg, var(--fnwv5-cardlo, var(--fnwv5-primary)),
                            var(--fnwv5-primary) 50%,
                            var(--fnwv5-cardhi, var(--fnwv5-primary)));
  background-size: auto, 100% 100%, 220% 220%;
}

.fnwv5-fx-card,
.fnwv5-mc-row,
.fnwv5-pcard {
  background:
    linear-gradient(160deg,
      color-mix(in srgb, var(--fnwv5-veil, #000) 16%, transparent),
      color-mix(in srgb, var(--fnwv5-veil, #000) 46%, transparent)),
    linear-gradient(135deg, var(--fnwv5-cardlo, var(--fnwv5-primary)),
                            var(--fnwv5-primary) 50%,
                            var(--fnwv5-cardhi, var(--fnwv5-primary)));
  background-size: 100% 100%, 220% 220%;
}

.fnwv5-ltable-wrap {
  background:
    repeating-linear-gradient(135deg,
      color-mix(in srgb, var(--fnwv5-on-primary, #fff) 4%, transparent) 0 2px,
      transparent 2px 30px),
    linear-gradient(160deg,
      color-mix(in srgb, var(--fnwv5-veil, #000) 14%, transparent),
      color-mix(in srgb, var(--fnwv5-veil, #000) 44%, transparent)),
    linear-gradient(135deg, var(--fnwv5-cardlo, var(--fnwv5-primary)),
                            var(--fnwv5-primary) 50%,
                            var(--fnwv5-cardhi, var(--fnwv5-primary)));
  background-size: auto, 100% 100%, 240% 240%;
}

.fnwv5-ltable thead th {
  background: linear-gradient(180deg, var(--fnwv5-cardhi, var(--fnwv5-primary)),
                                      var(--fnwv5-cardlo, var(--fnwv5-primary)));
}

/* ⛔ Карточка матча на главной шла от theme_color К primary — то есть от
   почти чёрного к золотому. Такую полосу не спасают никакие чернила: один её
   конец требует белых, другой чёрных. Держим полосу на стороне чернил. */
.fnwv5-mcard {
  background: linear-gradient(160deg, var(--fnwv5-cardlo, var(--fnwv5-primary)),
                                      var(--fnwv5-cardhi, var(--fnwv5-primary)));
}

.fnwv5-mcard::after {
  background: radial-gradient(70% 60% at 50% 40%,
    color-mix(in srgb, var(--fnwv5-veil, #fff) 10%, transparent), transparent 70%);
}

/* Полоса «ближайшие матчи» целиком. Затемнение по шву сверху и снизу
   ОСТАВЛЯЕМ чёрным нарочно: оно смыкает полосу с тёмной секцией новостей над
   ней, и это про стык, а не про читаемость. Меняем только саму полосу. */
.fnwv5-home-matches {
  background:
    /* !константа: шов с тёмной секцией выше, а не читаемость текста */
    linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 16%),
    /* !константа: тот же шов снизу */
    linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 14%),
    radial-gradient(120% 120% at 50% -10%,
      var(--fnwv5-cardhi, var(--fnwv5-primary)),
      var(--fnwv5-primary) 45%,
      var(--fnwv5-cardlo, var(--fnwv5-primary)) 100%);
}

/* Кнопка на карточке матча. Белая таблетка с текстом клубного цвета: на
   золотом клубе это ΔL* 19.8. Текст берём у акцента, который для этого и
   посчитан — он держит тон бренда и дотянут до нормы по светлоте. */
.fnwv5-mcard__btn {
  color: var(--fnwv5-acc-brandcard-data, var(--fnwv5-primary));
}

/* «VS» и счёт в крупной карточке матча. В теме это `color: primary` — то есть
   клубный цвет НА клубной заливке: замер дал ΔL* 4.6. Берём акцент, который
   для этого и посчитан: тот же тон бренда, но дотянутый по светлоте. */
.fnwv5-mc-feat__vs {
  color: var(--fnwv5-acc-brandcard-data, currentColor);
}

/* ═══════════════════════════════════════════════════════════════════════════
   ФОРМА ОБРАТНОЙ СВЯЗИ НА ЗАЛИВКЕ СЕКОНДАРИ

   ⛔ Третья клубная заливка, про которую забыли и мы, и тема. Панель формы
   залита чистым `--fnwv5-secondary`, а внутри неё:
     • заголовок брал чернила СТРАНИЦЫ;
     • подписи полей — приглушённый цвет СТРАНИЦЫ;
     • сами поля — фон страницы (`--fnwv5-bg`) на красной панели, из-за чего
       поле читалось как тёмно-красный провал, а не как поле ввода.
   Владелец: «цвета для формы подобраны криво, текст в полях не читается».

   Лечим тем же приёмом, что и остальные клубные поверхности: чернила от
   заливки (`--fnwv5-on-secondary`), вуаль напротив чернил, полоса на стороне
   чернил, а поля — подложка от вуали ЭТОЙ панели, не от фона страницы.
   ═══════════════════════════════════════════════════════════════════════════ */

.fnwv5-form-panel {
  color: var(--fnwv5-on-secondary, #fff);
  background:
    linear-gradient(160deg,
      color-mix(in srgb, var(--fnwv5-veil-secondary, #000) 12%, transparent),
      color-mix(in srgb, var(--fnwv5-veil-secondary, #000) 40%, transparent)),
    linear-gradient(135deg, var(--fnwv5-seclo, var(--fnwv5-secondary)),
                            var(--fnwv5-secondary) 55%,
                            var(--fnwv5-sechi, var(--fnwv5-secondary)));
  border-color: color-mix(in srgb, var(--fnwv5-on-secondary, #fff) 16%, transparent);
}

.fnwv5-form-panel .fnwv5-h2 {
  color: inherit;
}

.fnwv5-form-panel .fnwv5-field label {
  color: color-mix(in srgb, currentColor 76%, transparent);
}

.fnwv5-form-panel .fnwv5-field input,
.fnwv5-form-panel .fnwv5-field textarea {
  color: var(--fnwv5-on-secondary, #fff);
  background: color-mix(in srgb, var(--fnwv5-veil-secondary, #000) 26%, transparent);
  border-color: color-mix(in srgb, var(--fnwv5-on-secondary, #fff) 24%, transparent);
}

/* Подсказку в поле браузер рисует своим цветом, если её не задать явно —
   и на цветной панели она пропадает. */
.fnwv5-form-panel .fnwv5-field input::placeholder,
.fnwv5-form-panel .fnwv5-field textarea::placeholder {
  color: color-mix(in srgb, currentColor 58%, transparent);
}

.fnwv5-form-panel .fnwv5-field input:focus,
.fnwv5-form-panel .fnwv5-field textarea:focus {
  border-color: var(--fnwv5-on-secondary, #fff);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--fnwv5-on-secondary, #fff) 22%, transparent);
}

/* Кнопка отправки: чернила панели заливкой, а надпись — цветом панели.
   Обратная пара всегда читается и не требует отдельного расчёта. */
.fnwv5-form-panel .cfp-submit {
  background: var(--fnwv5-on-secondary, #fff);
  border-color: var(--fnwv5-on-secondary, #fff);
  color: var(--fnwv5-secondary);
}

/* Сообщение об ошибке внутри панели: цвет темы на красном не виден. */
.fnwv5-form-panel .fnwv5-form-msg.is-error {
  color: color-mix(in srgb, currentColor 88%, transparent);
}

/* ═══════════════════════════════════════════════════════════════════════════
   ФОНОВОЕ СЛОВО «SPONSORS»

   ⛔ У темы обводка задана литералом `rgba(17,17,17,0.06)` — почти чёрным при
   шести процентах прозрачности. На светлом сайте это тонкий серый контур, на
   тёмном — ничего: слово есть в разметке и не видно ни одной точкой. Владелец
   сравнил с футбольным сайтом (там фон светлый) и сказал, что фона с надписью
   нет вовсе.

   Берём обводку от чернил СТРАНИЦЫ: на светлом фоне она тёмная, на тёмном —
   светлая, и доля подобрана так, чтобы слово читалось как фон, а не как текст.
   ═══════════════════════════════════════════════════════════════════════════ */
.fnwv5-sponsors__bgword {
  -webkit-text-stroke: 1px color-mix(in srgb, var(--fnwv5-ink, #111) 16%, transparent);
}

/* ═══════════════════════════════════════════════════════════════════════════
   ШЕСТИУГОЛЬНИК И КУБОК В КАРТОЧКЕ НАГРАДЫ

   ⛔ Все три части карточки настроены под ТЁМНУЮ подложку: шестиугольник —
   радиальный градиент из полупрозрачного золота и чёрного, кубок — цвет
   `--fnwv5-gold`, бляшка года — чёрная с белым текстом. На тёмной футбольной
   карточке это золотой кубок в тёмном шестиугольнике. Наша карточка светлая
   (полоса держится на стороне чернил), и всё трое сливаются: кубок золотом по
   золоту, шестиугольник почти не виден, бляшка — чёрная клякса.

   Собираем то же самое от чернил ПОВЕРХНОСТИ: шестиугольник — вуаль, кубок и
   бляшка — чернила. Оттенок бренда для кубка сохраняем через акцент, который
   для этого и посчитан.
   ═══════════════════════════════════════════════════════════════════════════ */

.fnwv5-pcard__icon {
  background: radial-gradient(circle at 50% 35%,
    color-mix(in srgb, var(--fnwv5-veil, #000) 10%, transparent),
    color-mix(in srgb, var(--fnwv5-veil, #000) 34%, transparent));
  color: var(--fnwv5-acc-brandcard-data, currentColor);
}

.fnwv5-pcard__badge {
  background: color-mix(in srgb, var(--fnwv5-veil, #000) 46%, transparent);
  color: var(--fnwv5-on-primary, #fff);
  box-shadow: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   КАРТОЧКА НОВОСТИ

   ⛔ Заливка карточки — чистый `--fnwv5-secondary`. Пока у записи есть
   фотография, заливки не видно вовсе; без фотографии карточка целиком
   становится плоским красным прямоугольником, и область 16:10 читается как не
   загрузившееся изображение. На демо-стенде так вышло у всех записей.

   Даём карточке ту же обработку, что остальным клубным поверхностям: вуаль
   напротив чернил и полоса на стороне чернил. А пустой области картинки —
   герб клуба водяным знаком, как тема делает в шапке страницы.
   ═══════════════════════════════════════════════════════════════════════════ */

.fnwv5-card {
  background:
    linear-gradient(160deg,
      color-mix(in srgb, var(--fnwv5-veil-secondary, #000) 10%, transparent),
      color-mix(in srgb, var(--fnwv5-veil-secondary, #000) 38%, transparent)),
    linear-gradient(135deg, var(--fnwv5-seclo, var(--fnwv5-secondary)),
                            var(--fnwv5-secondary) 55%,
                            var(--fnwv5-sechi, var(--fnwv5-secondary)));
  color: var(--fnwv5-on-secondary, #fff);
}

.bb-card__nopic {
  position: absolute;
  inset: 0;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 44% auto;
  opacity: 0.14;
  filter: grayscale(1);
}

/* ═══════════════════════════════════════════════════════════════════════════
   ШАПКА-ГЕРОЙ: ЗАТЕМНЕНИЕ ПОД ТЕКСТОМ

   ⛔ Полоса шапки идёт от почти чёрного (#060606) до клубного цвета — у
   золотого клуба это от L* 4 до L* 78. Полосу судят по худшему концу, и такую
   полосу НЕ ДЕРЖАТ никакие чернила: один конец требует белых, другой чёрных.
   Пока текст лежит на тёмном конце, дефекта не видно; в зеркальной вёрстке он
   уезжает на светлый, и сканер поймал надзаголовок на ΔL* 27.7 при пороге 30
   (три арабские страницы).

   Ни выбором цвета текста, ни разворотом градиента это не лечится — пробовал
   и то, и другое. Лечится локальным затемнением под текстом: оно даёт тёмный
   конец там, где текст, независимо от того, какая часть полосы видна.

   Затемнение ЧЁРНОЕ, а не «по роли»: чернила шапки белые всегда (её тёмный
   конец фиксирован литералом #060606 в самой теме), значит вуаль обязана быть
   чёрной. Сторона — от начала строки; в зеркальной вёрстке её меняет rtl.css.
   ═══════════════════════════════════════════════════════════════════════════ */
/* ⛔ ЗАТЕМНЕНИЕ ЛЕЖИТ НА ВСЕЙ ШАПКЕ, а не на её содержимом.
   Первая версия ставила его на `.fnwv5-hero__content` с `inset: 0`. Но
   содержимое начинается не от верха шапки — у него свой отступ, — и верхняя
   граница затемнения давала ЧЁТКУЮ ГОРИЗОНТАЛЬНУЮ ЛИНИЮ посреди героя.
   Владелец показал её скриншотом и назвал поломанной анимацией: линия ещё и
   ползла вместе с анимированным градиентом шапки.

   Теперь затемнение — псевдоэлемент самой шапки, во всю её высоту, и гаснет
   по двум осям: по горизонтали к концу строки, по вертикали к верху. Резкой
   границы не остаётся ни одной. */
.fnwv5-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(to top,
      color-mix(in srgb, var(--fnwv5-veil-hero, #000) 66%, transparent) 0%,
      transparent 78%),
    linear-gradient(to right,
      color-mix(in srgb, var(--fnwv5-veil-hero, #000) 52%, transparent) 0%,
      transparent 66%);
}

[dir="rtl"] .fnwv5-hero::after {
  background:
    linear-gradient(to top,
      color-mix(in srgb, var(--fnwv5-veil-hero, #000) 66%, transparent) 0%,
      transparent 78%),
    linear-gradient(to left,
      color-mix(in srgb, var(--fnwv5-veil-hero, #000) 52%, transparent) 0%,
      transparent 66%);
}

/* ── надзаголовок шапки: СВЕТЛЫЙ оттенок бренда ──
   ⛔ Тут я сначала сделал не то. Замер сканера показал надзаголовок арабской
   шапки ниже порога, и я подложил под текст затемнение. Затемнение помогло
   заголовку H1 (белый на тёмном), а надзаголовку стало ХУЖЕ: он окрашен в
   `--fnwv5-secondary`, то есть тёмно-красный, и на потемневшем фоне разница
   только сократилась. Замер по пикселям: фон L* 11.0, буква L* 34.1, ΔL* 23.1
   при пороге 30.

   Урок: если текст ТЁМНЫЙ, затемнение фона его не спасает. Чернила шапки
   белые (её тёмный конец задан литералом в самой теме), значит и акцент на ней
   обязан быть светлым. Подмешиваем бренд к белому: тон узнаётся, светлота
   уходит к чернилам поверхности. */
.fnwv5-hero .fnwv5-kicker {
  color: color-mix(in srgb, var(--fnwv5-secondary) 42%, #ffffff);
}

/* ═══════════════════════════════════════════════════════════════════════════
   СТЫК БЛОКА СПОНСОРОВ И БЛОКА СООБЩЕСТВА

   ⛔ Слово «Sponsors» фоном упиралось прямо в тёмную кромку следующего блока:
   между ними не было ни отступа, ни перехода, и стык читался как обрыв.
   Замечание владельца 07.09.2026.

   Делаем две вещи: даём блоку спонсоров запас снизу под само слово и растворяем
   переход — снизу у спонсоров и сверху у сообщества добавляется мягкая полоса
   в цвет соседа. Резкой кромки не остаётся.
   ═══════════════════════════════════════════════════════════════════════════ */
.fnwv5-sponsors {
  padding-bottom: clamp(90px, 11vw, 190px);
}

.fnwv5-sponsors__bgword {
  top: 4%;
}

.fnwv5-sponsors::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: clamp(90px, 12vw, 190px);
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, var(--fnwv5-shell, #0b0b0b));
}

.fnwv5-community {
  position: relative;
}

.fnwv5-community::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: clamp(70px, 9vw, 150px);
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(to bottom, var(--fnwv5-shell, #0b0b0b), transparent);
}

/* ═══════════════════════════════════════════════════════════════════════════
   СТРАНИЦА КЛУБА: ТОНКАЯ СПРАВКА НЕ ДЕРЖИТ КОЛОНКУ
   ═══════════════════════════════════════════════════════════════════════════
   При одной-двух известных строках справка едет лентой под заголовок, а текст
   занимает всю ширину. Разметку выбирает шаблон (см. page-club.php), здесь
   только вид ленты. */
.fnwv5-club-about--wide { display: block; }
.fnwv5-facts--ribbon {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  margin-bottom: 22px;
  padding: 14px 18px;
}
.fnwv5-facts--ribbon .fnwv5-facts__row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  border: 0;
  padding: 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   СКРЫТАЯ КНОПКА ОБЯЗАНА ИСЧЕЗАТЬ
   ═══════════════════════════════════════════════════════════════════════════
   ⛔ Браузер прячет `[hidden]` правилом `display: none`, но у этой кнопки в
   листе темы стоит `display: flex` — и оно СИЛЬНЕЕ правила браузера (правило
   листа против правила пользовательского агента). Скрипт исправно ставил
   `hidden`, замер это подтверждал (`кнопкаСкрыта: true`), а на снимке кнопка
   стояла на месте и ничего не делала. Это ровно то, что видел владелец.
   Поэтому скрытие прописано явно. */
.fnwv5-strip-arrow[hidden] { display: none !important; }

/* ─────────── Плашка межсезонья ───────────
   Форма ровно футбольная (карточка mc-feat, подпись, фраза, кнопка), но текст
   НЕ прибит к белому: у футбольной V5 он задан инлайном
   `rgba(255,255,255,.85)`, и на светлом клубном цвете пропадает. Берём чернила
   самой карточки — их считает тема. */
.fnwv5-mc-feat--break {
  text-align: center;
}
.fnwv5-mc-feat--break .fnwv5-mc-feat__lead {
  max-width: 46ch;
  margin: 0 auto;
  color: color-mix(in srgb, var(--fnwv5-on-primary, #fff) 85%, transparent);
}