/* site-canon.css — материал вместо рамок на внутренних страницах (24.09.2026)
   ------------------------------------------------------------------
   Владелец 24.09: «стили иишные ... стили нормальные используй». Главная
   переведена на материал ещё 09.09 (luxe.css), а внутренние страницы
   (статьи, каталог клубов, карточка клуба, гайд, вход, регистрация)
   держали форму блоков рамкой 1px, кнопки светились красным ореолом,
   теги были красными полупрозрачными капсулами.

   Здесь те же блоки получают материал главной: плита чуть светлее фона,
   блик по верхней грани, короткая плотная тень, без обводки. Кнопки как
   в luxe.css. Цвета только из токенов styles.css.

   Грузится ПОСЛЕДНИМ (после styles.css, content.css и доп. css страницы)
   и только переопределяет. Классы и JS-хуки прежние. */

:root{
  --sc-plate: linear-gradient(180deg, #16171e 0%, #101116 100%);
  --sc-graphite: linear-gradient(180deg, #1d1e26 0%, #13141a 100%);
  --sc-hi: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.55);
  --sc-drop: 0 22px 44px -24px rgba(0,0,0,.95);
  --sc-chip: rgba(255,255,255,.06);
}

/* ---------- 1. Кнопки: как на главной (luxe.css, раздел 2) ---------- */
.btn{ border-radius: 11px; }
.btn--primary{
  background: var(--red-grad);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.30), inset 0 -1px 0 rgba(0,0,0,.40), 0 14px 28px -16px rgba(0,0,0,.9);
}
.btn--primary:hover{
  transform: none; filter: brightness(1.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.36), inset 0 -1px 0 rgba(0,0,0,.40), 0 14px 28px -16px rgba(0,0,0,.9);
}
.btn--ghost{
  border: 0; color: var(--ink-1);
  background: var(--sc-graphite);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), inset 0 -1px 0 rgba(0,0,0,.5), 0 12px 26px -16px #000;
}
.btn--ghost:hover{
  transform: none; border: 0; color: var(--ink);
  background: linear-gradient(180deg, #252630 0%, #181920 100%);
}
.prose .btn--primary{ box-shadow: inset 0 1px 0 rgba(255,255,255,.30), inset 0 -1px 0 rgba(0,0,0,.40), 0 14px 28px -16px rgba(0,0,0,.9); }
.nav-toggle{
  border: 0; border-radius: 11px;
  background: rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

/* ---------- 2. Крупные блоки: плита вместо рамки ---------- */
.ps-cta, .keyanswer, .tgsub, .ps-help, .klub-hero, .kl-board, .step{
  border: 0;
  box-shadow: var(--sc-hi), var(--sc-drop);
}
.ps-cta, .tgsub, .ps-help{ background: var(--sc-plate); }
.klub-hero{ box-shadow: var(--sc-hi), 0 28px 64px -28px rgba(0,0,0,.95); }

/* выноска: планка акцента слева вместо рамки + толстой левой грани */
.callout{
  border: 0;
  background: var(--sc-plate);
  box-shadow: inset 3px 0 0 var(--red), var(--sc-hi);
}
.callout--soft{ box-shadow: inset 3px 0 0 rgba(255,255,255,.18), var(--sc-hi); }

/* «читайте также»: плитки без контура, отклик светлее тоном */
.related__card{
  border: 0;
  background: var(--sc-graphite);
  box-shadow: var(--sc-hi);
}
.related__card:hover{ transform: none; border: 0; background: linear-gradient(180deg, #23242d 0%, #16171d 100%); }

/* таблицы: строки на волосках внутри, контура вокруг нет */
.tblwrap{ border: 0; background: var(--surface); box-shadow: var(--sc-hi); }

/* ---------- 3. Частые вопросы ---------- */
.faq__item{
  border: 0;
  background: var(--sc-graphite);
  box-shadow: var(--sc-hi);
}
.faq__item[open]{ border: 0; }
.faq__item summary .plus{ border: 0; background: var(--sc-chip); }

/* ---------- 4. Мелочь: знак 18+, кнопки-кружки, теги ---------- */
.age-mark{ border: 0; background: var(--sc-chip); }
.kl-card__go{ border: 0; background: var(--sc-chip); }
.kl-card:hover .kl-card__go{ box-shadow: none; }
.kl-tag{ border: 0; background: var(--sc-chip); }
.kl-tag--tg{ color: var(--ink-1); background: var(--sc-chip); }
.kl-tag--tg svg{ color: var(--red-ink); }

/* ---------- 5. Каталог клубов: города, поиск, афиша ---------- */
.kl-chip{ border: 0; background: var(--sc-chip); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.kl-chip:hover{ border: 0; background: rgba(255,255,255,.09); }
.kl-chip.is-on{
  background: var(--red-grad);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.35);
}
.kl-search input{ border: 0; background: var(--sc-chip); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.kl-search input:focus{ border: 0; background: rgba(255,255,255,.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -2px 0 var(--red); }

.psm-hero{ border: 0; box-shadow: var(--sc-hi), var(--sc-drop); }
.psm-ctrl__b, .psm-ctrl__b:hover{ border: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.5); }
.psm-stat span{ border: 0; border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.psm__segs{ border: 0; background: var(--sc-chip); }
.psm__seg.is-on{ box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.35); }
.psm__tool, .psm__more{ border: 0; background: var(--sc-graphite); box-shadow: var(--sc-hi); }
.psm__tool:hover, .psm__more:hover{ border: 0; background: linear-gradient(180deg, #23242d 0%, #16171d 100%); }
.psm-game{ border: 0; background: var(--sc-graphite); box-shadow: var(--sc-hi); }
.psm-game:hover{ border: 0; transform: none; }
.psm-chip{ border: 0; background: var(--sc-chip); }
.psm-game__go{ border: 0; background: var(--sc-chip); }

/* точки городов на карте: без контура и красного ореола, тень тёмная */
.psm-pin__d{ border: 0; box-shadow: 0 6px 14px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.24); }
.psm-pin.is-live .psm-pin__d{ box-shadow: 0 8px 18px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.24); }
.psm-pin.is-dim .psm-pin__d{ background: #3a2a2d; box-shadow: inset 0 1px 0 rgba(255,255,255,.10); }

/* ---------- 6. Карточка клуба, база знаний, блок таймера ---------- */
.kl-card, .klub-fact, .hubcard, .btl, .toc{
  border: 0;
  box-shadow: var(--sc-hi), var(--sc-drop);
}
.kl-card:hover, .hubcard:hover{ border: 0; transform: none; filter: brightness(1.06); }
.klub-feat{ border: 0; background: var(--sc-graphite); box-shadow: var(--sc-hi); }
.klub-map__frame{ border: 0; box-shadow: var(--sc-hi), var(--sc-drop); }
/* значок у факта клуба: голый глиф, без красного квадратика с кольцом */
.klub-fact__ico{ background: none; box-shadow: none; width: 24px; height: 24px; }
/* кикер над заголовком: текстом, не красной капсулой */
.btl__badge{ padding: 0; border: 0; background: none; border-radius: 0; letter-spacing: .12em; text-transform: uppercase; }
.btl__board{ border: 0; box-shadow: var(--sc-hi), var(--sc-drop); }

/* ---------- 7. Мелкие капсулы: теги и чипы набираются текстом ---------- */
.kl-tag, .psm-chip{ padding: 0; background: none; border-radius: 0; }
.kl-tags{ gap: 6px 14px; }
.age-mark{ background: none; padding: 0; min-width: 0; color: var(--ink-3); }

/* ---------- 8. Список городов у карты ---------- */
.psm-city{ border: 0; }

/* ---------- 9. Вход в админку клуба ---------- */
.vh-go{ box-shadow: inset 0 1px 0 rgba(255,255,255,.30), inset 0 -1px 0 rgba(0,0,0,.40), 0 14px 28px -16px rgba(0,0,0,.9); }