/* ================================================================
   LEDGER — casinos-online.pro
   Ленты во всю ширину красит .led-head/.led-foot, центрует .led-band.
   Лист (белый) — .led-sheet, рабочее поле листа --sheet, боковой отступ
   красящих блоков --pad. Шрифтовых файлов нет: семейства только те,
   что объявлены в снапшоте (см. run-файл, отступление зафиксировано).
   ================================================================ */

/* led:tokens */
:root{
  --ink:#13233a; --ink2:#2c3d55; --paper:#fff; --canvas:#f5f2ec;
  --brick:#b5342b; --brick-d:#8e2620; --steel:#5b6b80; --hair:#dcd7cc;
  --wash:#f0ece3; --green:#1d6b4f; --amber:#8a6a12;
  --w-text:760px; --w-wide:888px; --w-band:1120px;
  --sheet:36px; --pad:20px;
  --serif:Georgia,"Times New Roman",Times,serif;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --r:3px;
}
@media (max-width:900px){ :root{ --sheet:16px; --pad:14px; } }

/* led:reset — :where() держит слабый вес, донорские правила по голым тегам не мешают */
*,*::before,*::after{box-sizing:border-box}
:where(html){-webkit-text-size-adjust:100%}
:where(body.led-page){margin:0;background:var(--canvas);color:var(--ink);
  font:400 17px/1.65 var(--sans);text-rendering:optimizeLegibility}
:where(.led-page h1,.led-page h2,.led-page h3,.led-page h4){font-family:var(--serif);
  font-weight:700;line-height:1.22;color:var(--ink);margin:0}
:where(.led-page p,.led-page ul,.led-page ol,.led-page table,.led-page figure){margin:0}
:where(.led-page img){max-width:100%;height:auto;display:block}
:where(.led-page a){color:var(--brick);text-decoration:underline;text-underline-offset:2px}
:where(.led-page a:hover){color:var(--brick-d)}
:where(.led-page ul,.led-page ol){padding-left:1.25em}
:where(.led-page hr){border:0;border-top:1px solid var(--hair);margin:28px 0}
:where(.led-page code){font:400 15px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  background:var(--wash);padding:1px 5px;border-radius:var(--r)}
.led-skip{position:absolute;left:-9999px}
.led-skip:focus{left:8px;top:8px;z-index:99;background:var(--paper);padding:8px 14px}

/* led:band — одна центрующая лента на полноширинную секцию */
.led-band{width:100%;max-width:var(--w-band);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}

/* led:sheet — лист на полотне */
.led-sheet{max-width:calc(var(--w-wide) + var(--sheet)*2);margin:0 auto;background:var(--paper);
  padding:0 var(--sheet);border-left:1px solid var(--hair);border-right:1px solid var(--hair)}
.led-main{max-width:var(--w-wide);margin:0 auto;padding:0}
.led-main > *{margin-top:26px}
.led-main > *:first-child{margin-top:0}

/* ---------------------------------------------------------------- led:head */
.led-head{background:var(--paper);border-bottom:1px solid var(--hair)}
.led-mast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;
  padding-top:14px;padding-bottom:14px}
.led-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.led-logo:hover{color:var(--ink)}
.led-logo svg{display:block;width:34px;height:34px;flex:0 0 34px}
.led-logo b{font:700 25px/1 var(--serif);letter-spacing:-.01em;white-space:nowrap}
.led-logo span{display:block;font:400 11px/1.2 var(--sans);color:var(--steel);
  letter-spacing:.14em;text-transform:uppercase}
.led-mast__meta{justify-self:end;display:flex;align-items:center;gap:14px;
  font:400 12px/1.4 var(--sans);color:var(--steel);letter-spacing:.04em;text-transform:uppercase}
.led-mast__meta b{color:var(--ink);font-weight:600}
.led-flag{width:22px;height:15px;border:1px solid var(--hair);display:block}

/* led:nav — выпадашки на CSS, без скриптов */
.led-nav{background:var(--ink);color:var(--paper)}
.led-nav ul{list-style:none;margin:0;padding:0}
.led-nav__row{display:flex;flex-wrap:wrap;align-items:stretch}
.led-nav__row > li{position:relative}
.led-nav a{color:var(--paper);text-decoration:none;display:block}
.led-nav__top{padding:13px 14px;font:600 14px/1.2 var(--sans);letter-spacing:.02em;white-space:nowrap}
.led-nav__row > li:hover > .led-nav__top,
.led-nav__row > li:focus-within > .led-nav__top{background:var(--brick)}
.led-nav__sub{position:absolute;left:0;top:100%;z-index:40;min-width:250px;background:var(--paper);
  border:1px solid var(--hair);border-top:2px solid var(--brick);box-shadow:0 10px 26px rgba(19,35,58,.16);
  visibility:hidden;opacity:0;transition:opacity .12s linear}
.led-nav__row > li:hover > .led-nav__sub,
.led-nav__row > li:focus-within > .led-nav__sub{visibility:visible;opacity:1}
.led-nav__sub a{color:var(--ink);padding:9px 14px;font:400 15px/1.35 var(--sans);
  border-top:1px solid var(--hair)}
.led-nav__sub li:first-child a{border-top:0}
.led-nav__sub a:hover{background:var(--wash);color:var(--brick-d)}
.led-burger,.led-burger__box{display:none}
.led-nav__close{display:none}

/* led:rubric — строка «сейчас читаете», центрована по колонке контента */
.led-rubric{background:var(--wash);border-bottom:1px solid var(--hair)}
.led-rubric__in{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding-top:9px;padding-bottom:9px;font:400 13px/1.5 var(--sans);color:var(--steel)}
.led-rubric__in a{color:var(--steel);text-decoration:none}
.led-rubric__in a:hover{color:var(--brick);text-decoration:underline}
.led-rubric__in b{color:var(--ink);font-weight:600}
.led-rubric__sep{color:var(--hair)}

/* ---------------------------------------------------------------- led:hero */
.led-hero{padding-top:30px}
.led-hero h1{font-size:clamp(29px,4.2vw,42px);letter-spacing:-.015em}
.led-hero__kicker{font:600 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;
  color:var(--brick);margin-bottom:10px}
.led-hero__by{margin-top:12px;padding-top:10px;border-top:1px solid var(--hair);
  font:400 13px/1.5 var(--sans);color:var(--steel);display:flex;gap:10px;flex-wrap:wrap}
.led-hero__lead{max-width:var(--w-text);margin-top:18px;font-size:19px;line-height:1.6;color:var(--ink2)}
.led-hero__lead p{margin-top:12px}
.led-hero__lead p:first-child{margin-top:0}
.led-figure{margin-top:22px}
.led-figure img{width:100%;border:1px solid var(--hair)}
.led-figure figcaption{margin-top:7px;font:400 13px/1.5 var(--sans);color:var(--steel)}
.led-figure figcaption span{display:inline-block;margin-left:10px;color:#8a8577;font-size:12px}

/* ---------------------------------------------------------------- led:prose */
.led-prose{max-width:var(--w-text);margin-left:auto;margin-right:auto}
.led-prose > *{margin-top:17px}
.led-prose > *:first-child{margin-top:0}
.led-prose h2{font-size:clamp(23px,2.6vw,29px);margin-top:36px;padding-bottom:7px;
  border-bottom:2px solid var(--ink);letter-spacing:-.01em}
.led-prose h3{font-size:21px;margin-top:28px}
.led-prose h4{font:600 17px/1.4 var(--sans);margin-top:22px}
.led-prose li{margin-top:7px}
.led-prose blockquote{margin:24px 0;padding:2px 0 2px 18px;border-left:3px solid var(--brick);
  font-family:var(--serif);font-size:20px;line-height:1.5;color:var(--ink2)}
.led-prose img{margin-top:18px}
.led-prose > img:first-of-type{float:right;width:clamp(170px,32%,300px);
  margin:4px 0 16px 22px;border:1px solid var(--hair)}
.led-prose table{width:100%;border-collapse:collapse;font:400 15px/1.5 var(--sans)}
/* голый html автопостинга: его таблица и картинка приходят без нашей обёртки прокрутки */
.led-prose > table{display:block;max-width:100%;overflow-x:auto}
/* у прокручиваемой таблицы подпись уезжает вместе с ней и обрезается */
.led-prose > table > caption{position:sticky;left:0;width:min-content;min-width:100%}
.led-prose img{max-width:100%;height:auto}
.led-prose pre{max-width:100%;overflow-x:auto;font:400 14px/1.5 var(--mono,monospace)}
.led-prose a{overflow-wrap:anywhere}
.led-prose th,.led-prose td{border:1px solid var(--hair);padding:9px 11px;text-align:left;vertical-align:top}
.led-prose th{background:var(--wash);font-weight:600}
.led-tablewrap{overflow-x:auto;margin-top:20px}

/* ⚠️ .led-note / .led-note--law сняты 27.09.2026: врезка осталась от черновика скина, ни один
   шаблон её не печатает (C09.31 по всей сборке, 1093 файла). Правовая рамка NZ живёт в
   <!-- led:value --> (.led-value) и в тексте статей, отдельной врезки под неё не нужно. */

/* ---------------------------------------------------------------- led:toc */
.led-toc{border:1px solid var(--hair);background:var(--paper);max-width:var(--w-text);
  margin-left:auto;margin-right:auto}
.led-toc > summary{cursor:pointer;padding:12px var(--pad);font:600 14px/1.3 var(--sans);
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--wash);list-style:none}
.led-toc > summary::-webkit-details-marker{display:none}
.led-toc > summary::after{content:"+";float:right;color:var(--brick);font-size:17px;line-height:1}
.led-toc[open] > summary::after{content:"–"}
.led-toc ol{margin:0;padding:12px var(--pad) 14px 2em;font:400 15px/1.5 var(--sans)}
.led-toc li{margin-top:6px}
.led-toc a{color:var(--ink2)}

/* ---------------------------------------------------------------- led:showcase */
.led-show{margin-top:32px}
.led-show__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:4px 14px;padding-bottom:9px;border-bottom:2px solid var(--ink)}
.led-show__head h2{font-size:clamp(22px,2.5vw,28px)}
.led-show__head span{font:400 12px/1.4 var(--sans);color:var(--steel);letter-spacing:.06em;
  text-transform:uppercase;white-space:nowrap}
.led-show__list{list-style:none;margin:0;padding:0}
.led-card{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr) auto;gap:20px;
  align-items:center;padding:18px 0;border-bottom:1px solid var(--hair)}
.led-card__id{display:grid;grid-template-columns:106px minmax(0,1fr);gap:14px;align-items:center;min-width:0}
.led-card__tile{width:106px;height:106px;background:var(--paper);border:1px solid var(--hair);
  display:flex;align-items:center;justify-content:center;padding:3px;position:relative}
.led-card__tile img{max-width:100px;max-height:100px;width:auto;height:auto;object-fit:contain}
.led-card__rank{position:absolute;top:-1px;left:-1px;background:var(--ink);color:var(--paper);
  font:600 12px/1 var(--sans);padding:4px 6px}
.led-card__name{min-width:0}
.led-card__name a{font:700 19px/1.25 var(--serif);color:var(--ink);text-decoration:none;
  display:block;overflow-wrap:break-word}
.led-card__name a:hover{color:var(--brick)}
.led-card__name em{display:block;font:400 13px/1.45 var(--sans);color:var(--steel);font-style:normal;margin-top:4px}
.led-card__name em a{font:inherit;color:var(--steel);text-decoration:underline;
  text-underline-offset:2px}
.led-card__name em a:hover{color:var(--brick)}
.led-card__offer{min-width:0}
.led-card__offer b{display:block;font:700 18px/1.3 var(--sans);color:var(--ink)}
.led-card__offer b a{color:var(--ink);text-decoration:none}
.led-card__offer b a:hover{color:var(--brick)}
/* отличие бренда в карточке витрины: факты слота печатает .led-card__info, а когда их нет —
   чипы таблицы брендов (без суммы и без адреса оператора, led_render.chips_ul) */
.led-card__chips{margin:9px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;
  gap:5px 6px;font:400 12.5px/1.4 var(--sans);color:var(--ink2)}
.led-card__chips li{background:var(--wash);border:1px solid var(--hair);border-radius:var(--r);
  padding:2px 8px}
.led-card__info{margin:9px 0 0;display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:2px 10px;font:400 12.5px/1.45 var(--sans)}
.led-card__info dt{color:var(--steel);text-transform:uppercase;letter-spacing:.05em;font-size:11px;
  padding-top:1px}
.led-card__info dd{margin:0;color:var(--ink2)}
.led-card__act{display:grid;gap:7px;justify-items:stretch;min-width:176px}
.led-cta{display:block;background:var(--brick);color:#fff;font:600 16px/1 var(--sans);
  text-align:center;padding:14px 18px;text-decoration:none;border-radius:var(--r);letter-spacing:.01em}
.led-cta:hover{background:var(--brick-d);color:#fff}
.led-cta--ghost{background:transparent;color:var(--ink);border:1px solid var(--ink);
  font-weight:600;font-size:14px;padding:9px 14px}
.led-cta--ghost:hover{background:var(--ink);color:#fff}
.led-card__terms{font:400 11px/1.4 var(--sans);color:var(--steel);text-align:center}
.led-card__terms a{color:var(--steel)}
.led-show__foot{margin-top:12px;font:400 13px/1.55 var(--sans);color:var(--steel)}

/* led:opcta — карточка одного оператора на его обзоре, вместо запрещённой там витрины
   ([[no-showcase-on-brand-reviews]]). Ни одного класса с префиксом витрины: `led-show*`
   живёт только внутри самой витрины, иначе C11.4 читает обзор как витрину */
.led-opcta{max-width:var(--w-wide);margin:32px auto 0}
.led-opcta h2{font-size:clamp(21px,2.3vw,26px);padding-bottom:9px;border-bottom:2px solid var(--ink)}
.led-opcta__row{display:grid;grid-template-columns:106px minmax(0,1fr) minmax(176px,auto);
  gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--hair)}
.led-opcta__tile{width:106px;height:106px;background:var(--paper);border:1px solid var(--hair);
  display:flex;align-items:center;justify-content:center;padding:3px}
.led-opcta__tile img{max-width:100px;max-height:100px;width:auto;height:auto;object-fit:contain}
.led-opcta__tile b{font:700 26px/1 var(--sans);color:var(--steel)}
.led-opcta__txt{min-width:0}
.led-opcta__txt p{margin:0 0 7px;font:400 15px/1.6 var(--sans);color:var(--ink2)}
.led-opcta__txt p a{font-weight:700;color:var(--ink)}
.led-opcta__txt .led-card__terms{display:block;text-align:left}
.led-opcta__act{display:grid;gap:7px;justify-items:stretch}

/* led:facts — таблица фактов в две колонки */
.led-facts{border:1px solid var(--hair)}
.led-facts caption,.led-facts__title{caption-side:top;text-align:left;background:var(--wash);
  padding:11px var(--pad);font:600 14px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.led-facts table{width:100%;border-collapse:collapse;font:400 15px/1.55 var(--sans)}
.led-facts th{width:38%;text-align:left;vertical-align:top;font-weight:600;color:var(--ink2);
  padding:9px var(--pad);border-top:1px solid var(--hair);background:var(--paper)}
.led-facts td{vertical-align:top;padding:9px var(--pad);border-top:1px solid var(--hair)}
.led-facts tr:first-child th,.led-facts tr:first-child td{border-top:0}

/* led:proscons */
.led-pc{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);border:1px solid var(--hair)}
.led-pc > div{background:var(--paper);padding:16px var(--pad)}
.led-pc h3{font:600 14px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.led-pc__up h3{color:var(--green)}
.led-pc__down h3{color:var(--brick-d)}
.led-pc ul{list-style:none;margin:0;padding:0;font:400 16px/1.5 var(--sans)}
.led-pc li{position:relative;padding-left:24px;margin-top:9px}
.led-pc li:first-child{margin-top:0}
.led-pc li::before{position:absolute;left:0;top:0;font-weight:700}
.led-pc__up li::before{content:"+";color:var(--green)}
.led-pc__down li::before{content:"–";color:var(--brick-d)}
.led-pc__intro{max-width:var(--w-text);margin:0 auto 14px}

/* led:faq — все ответы раскрыты (§11) */
.led-faq{max-width:var(--w-text);margin-left:auto;margin-right:auto}
.led-faq h2{font-size:clamp(23px,2.6vw,29px);padding-bottom:7px;border-bottom:2px solid var(--ink)}
.led-faq dl{margin:0}
.led-faq dt{font:700 18px/1.35 var(--serif);color:var(--ink);margin-top:22px}
.led-faq dd{margin:7px 0 0;padding-left:16px;border-left:2px solid var(--hair);color:var(--ink2)}
.led-faq dd p + p{margin-top:10px}

/* led:links / led:games — сетки плиток */
.led-grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;
  grid-template-columns:repeat(auto-fill,minmax(212px,1fr))}
.led-grid li{border:1px solid var(--hair);background:var(--paper)}
.led-grid a{display:block;padding:13px 15px;text-decoration:none;color:var(--ink);height:100%}
.led-grid a:hover{background:var(--wash)}
.led-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--hair)}
/* пиктограмма донора (файл мельче 200 px) — знаком в натуральную величину: обложка 16/10
   растягивала знак 60×60 до 254×159, и на экране оставалось мыло */
.led-grid img.led-ico{width:auto;height:auto;max-width:72px;max-height:72px;
  aspect-ratio:auto;object-fit:contain;border-bottom:0;margin:0 0 9px}
.led-grid b{display:block;font:600 16px/1.35 var(--sans);color:var(--ink)}
.led-grid span{display:block;margin-top:5px;font:400 14px/1.5 var(--sans);color:var(--steel)}
.led-grid--games{grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}
.led-grid--games img{aspect-ratio:2/3}
.led-grid--games b{font-size:15px}
.led-sec__head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding-bottom:8px;margin-bottom:14px;border-bottom:2px solid var(--ink)}
.led-sec__head h2{font-size:clamp(22px,2.5vw,28px)}
.led-sec__head a{font:600 13px/1.4 var(--sans);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}

/* led:value — чем этот сайт полезен (§16) */
.led-value{background:var(--ink);color:#e9e4d9;padding:24px var(--pad)}
.led-value h2{color:#fff;font-size:24px}
.led-value p{margin-top:10px;font-size:16px;color:#c9c2b4;max-width:640px}
.led-value ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.led-value li{border-top:2px solid var(--brick);padding-top:9px;font:400 15px/1.5 var(--sans);color:#d8d2c5}
.led-value li b{display:block;color:#fff;font:600 16px/1.3 var(--sans);margin-bottom:4px}
.led-value a{color:#fff}

/* ⚠️ .led-teasers снят 27.09.2026: черновая двухколоночная лента с картинкой, замена ей —
   .led-feed ниже (список-индекс без колонки картинки, 05 §608). Ни одна страница сборки
   тизеров не печатала — мёртвое правило скина (C09.31 по всем 1093 файлам). */

/* led:feed — лента блога и «свежее в рубрике»: СПИСОК-ИНДЕКС, без рамок и карточек.
   Колонки картинки нет вовсе — пустая колонка под <a></a> запрещена (05 §608) */
.led-list{max-width:var(--w-wide);margin:32px auto 0}
.led-feed{list-style:none;margin:0;padding:0}
.led-feed li{border-bottom:1px solid var(--hair)}
.led-feed li:first-child{border-top:1px solid var(--hair)}
.led-feed a{display:block;padding:14px 0;text-decoration:none}
.led-feed a:hover b{color:var(--brick)}
.led-feed b{display:block;font:600 19px/1.32 var(--serif);color:var(--ink)!important}
.led-feed__d{display:block;margin-top:5px;font:400 12px/1.4 var(--sans);color:var(--steel);
  letter-spacing:.06em;text-transform:uppercase}
.led-feed span + span{display:block;margin-top:6px;font:400 15px/1.55 var(--sans);color:var(--ink2)}

/* led-wire — контейнер, в который автопостинг кладёт свой анонс сразу за маркером ленты.
   Разметку приносит робот (div с инлайновым margin, h4, p), поэтому правила идут на голый
   тег и перебивают инлайн. Пока анонсов нет — контейнер пуст и не занимает места.
   Класс живой: печатает его led_render.feed_block(blog=True) на /news/ */
.led-wire:empty{display:none}
.led-wire{margin:0 0 4px}
.led-wire>div{margin:0 0 0 !important;padding:14px 0;border-top:1px solid var(--hair)}
.led-wire>div+div{border-top:1px solid var(--hair)}
.led-wire h4{margin:0;font:600 19px/1.32 var(--serif)}
.led-wire h4 a{color:var(--ink)!important;text-decoration:none}
.led-wire h4 a:hover{color:var(--brick)!important}
.led-wire p{margin:6px 0 0;font:400 15px/1.55 var(--sans);color:var(--ink2)}

/* led:archive — указатель по архиву (05 §0р п.4) */
.led-arch{max-width:var(--w-band);margin:30px auto 0}
.led-arch__nav{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline;
  padding:12px 14px;border:1px solid var(--hair);background:var(--wash)}
.led-arch__nav b{font:700 13px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink);margin-right:6px}
.led-arch__nav a{font:600 14px/1.3 var(--sans);color:var(--ink2)!important}
.led-arch__g{margin-top:26px}
.led-arch__g h2{font-size:20px;padding-bottom:6px;border-bottom:2px solid var(--ink)}
.led-arch__g h2 span{float:right;font:400 13px/1.7 var(--sans);color:var(--steel)}
.led-arch__g ul{list-style:none;margin:10px 0 0;padding:0;columns:3;column-gap:26px;
  font:400 15px/1.5 var(--sans)}
.led-arch__g li{margin-bottom:5px;break-inside:avoid}
.led-arch__g a{color:var(--ink2)!important}

/* led:clus — БЛОК КАРТОЧЕК КЛАСТЕРА: полный перечень дочерних страниц хаба, сразу за
   вводным абзацем (требование владельца 04.09 и 09.09.2026). Плитка — ЗНАК, не скриншот
   и не баннер. Подписи внутри <a> печатаются блоками: инлайновые <span> слипаются в одну
   строку и карточка читается как каша (08 §1г). Класс .led-clus сторожит C08.1 */
.led-clw{max-width:var(--w-wide);margin:30px auto 0}
.led-clw__h{display:flex;align-items:center;gap:10px;margin-top:28px;padding-bottom:8px;
  border-bottom:2px solid var(--ink)}
.led-clw__h:first-child{margin-top:0}
.led-clw__h h2{display:flex;align-items:center;gap:9px;font-size:clamp(19px,2vw,23px)}
.led-clw__h h2 svg{flex:0 0 auto;color:var(--brick)}
.led-clw__h > span{margin-left:auto;font:600 13px/1.3 var(--sans);color:var(--steel);
  letter-spacing:.06em;white-space:nowrap}
.led-clus{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px;
  grid-template-columns:repeat(auto-fill,minmax(266px,1fr))}
.led-cl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;
  height:100%;padding:11px 13px;border:1px solid var(--hair);background:var(--paper);
  text-decoration:none;color:var(--ink)}
.led-cl:hover{background:var(--wash);border-color:var(--steel)}
.led-cl__b{display:block;min-width:0}
.led-cl__b b{display:block;font:600 15px/1.35 var(--sans);color:var(--ink)}
.led-cl__b > span{display:block;margin-top:4px;font:400 13px/1.45 var(--sans);color:var(--ink2)}
.led-cl__b em{display:block;margin-top:5px;font:600 11px/1.3 var(--sans);font-style:normal;
  letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.led-ctile{display:flex;align-items:center;justify-content:center;width:52px;height:52px;
  flex:0 0 auto;border:1px solid var(--hair);background:var(--wash);overflow:hidden}
.led-ctile img{max-width:46px;max-height:46px;width:auto;height:auto;object-fit:contain}
/* плитка с НАСТОЯЩИМ фото: квадрат крупнее знака, кадрирование, а не вписывание.
   Колонку под неё даёт grid-template-columns:auto у .led-cl — фиксированные 52px
   такую плитку обрезали бы */
.led-ctile--ph{width:72px;height:72px}
.led-ctile--ph img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.led-ctile--ltr{font:700 22px/1 var(--serif);color:var(--brick);background:var(--paper)}
.led-ctile--ico{color:var(--steel)}
.led-ctile--ico svg{width:26px;height:26px;display:block}

/* led:widget — виджеты владельца (fortunida): подписка на главной, обратная связь
   на контактах. Классы РЕАЛЬНЫЕ, из разметки виджета, скоуп по id контейнера:
   id+класс специфичнее одиночного класса, которым виджет красится сам.
   Honeypot он ставит инлайном left:-10000px — это даёт overflow в гейте рендера,
   поэтому поле возвращается в нуль и глушится (05.7ж, 11.17). */
.led-widget{max-width:var(--w-wide);margin:32px auto 0}
#subscribe-form-target .subscribe-form-container,
#feedback-form .feedback-form-container{max-width:none;margin:0;background:var(--wash);
  border:1px solid var(--hair);border-radius:var(--r);box-shadow:none}
#subscribe-form-target .subscribe-form-header,
#feedback-form .feedback-form-header{font-family:var(--serif);color:var(--ink)}
#subscribe-form-target .subscribe-form-input,
#feedback-form .feedback-form-input,
#feedback-form .feedback-form-textarea{border:1px solid var(--hair);border-radius:var(--r);
  font:400 16px/1.5 var(--sans);color:var(--ink);background:var(--paper)}
#subscribe-form-target .subscribe-form-input::placeholder,
#feedback-form .feedback-form-input::placeholder,
#feedback-form .feedback-form-textarea::placeholder{color:#6b7280}
#subscribe-form-target .subscribe-form-submit,
#feedback-form .feedback-form-submit{background:var(--brick);border-radius:var(--r);
  font:600 15px/1.2 var(--sans);letter-spacing:.02em}
#subscribe-form-target .subscribe-form-submit:hover,
#feedback-form .feedback-form-submit:hover{background:var(--brick-d)}
#subscribe-form-target .subscribe-form-privacy{color:#767c86;font-size:13px}
#subscribe-form-target .subscribe-form-error,
#feedback-form .feedback-form-error{color:var(--brick-d)}
#subscribe-form-target .subscribe-form-success,
#feedback-form .feedback-form-success{color:var(--green)}
#subscribe-form-target input[aria-hidden="true"][tabindex="-1"],
#feedback-form input[aria-hidden="true"][tabindex="-1"]{left:0!important;top:0!important;
  width:0!important;height:0!important;opacity:0!important;pointer-events:none!important}

/* led:sig — подпись редакции, организация без выдуманного автора (09 §28-п) */
.led-sig{max-width:var(--w-wide);margin:36px auto 0;border-top:2px solid var(--ink);
  padding-top:14px}
.led-sig h2{font:600 13px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;
  color:var(--steel)}
.led-sig p{margin-top:8px;font:400 15px/1.6 var(--sans);color:var(--ink2);max-width:72ch}
.led-sig__meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;
  font:400 14px/1.5 var(--sans);color:var(--steel)}
.led-sig__meta span{white-space:nowrap}

/* ---------------------------------------------------------------- led:foot */
.led-foot{margin-top:44px;background:var(--ink);color:#c9c2b4;font:400 15px/1.6 var(--sans)}
.led-foot a{color:#e9e4d9;text-decoration:none}
.led-foot a:hover{color:#fff;text-decoration:underline}
.led-foot__trust{background:#0f1c2f;padding-top:22px;padding-bottom:22px}
.led-foot__trust .led-band{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:26px;align-items:start}
.led-foot__age{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.led-foot__age b{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border:2px solid #e9e4d9;border-radius:50%;color:#fff;font:700 15px/1 var(--sans);flex:0 0 44px}
.led-foot__age span{font-size:14px;color:#b3ab9c}
.led-foot__help{font-size:15px}
.led-foot__help b{display:block;color:#fff;font:700 21px/1.3 var(--sans);margin-top:4px}
.led-foot__cols{padding-top:26px;padding-bottom:10px}
.led-foot__cols .led-band{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.led-foot h2,.led-foot h3{color:#fff}
.led-foot h3{font:600 13px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}
.led-foot ul{list-style:none;margin:0;padding:0;font-size:15px}
.led-foot li{margin-top:6px}
.led-foot__bottom{border-top:1px solid #2a3b53;padding-top:16px;padding-bottom:26px;
  font-size:13px;color:#9a927f}
.led-foot__bottom p{margin-top:8px;max-width:820px}
.led-foot__bottom .led-band{display:block}

/* ---------------------------------------------------------------- мобилка */
@media (max-width:900px){
  .led-sheet{border-left:0;border-right:0}
  .led-mast{grid-template-columns:auto 1fr;gap:10px;padding-top:11px;padding-bottom:11px}
  .led-mast__meta{display:none}
  .led-logo b{font-size:21px}
  /* бургер: чекбокс, зона касания 44 px, строка «Закрыть» внизу списка */
  .led-burger__box{display:flex;align-items:center;justify-content:center;width:46px;height:46px;
    justify-self:end;cursor:pointer;color:var(--ink)}
  .led-burger__box svg{width:26px;height:26px;display:block}
  .led-nav__row{display:none;flex-direction:column}
  .led-burger:checked ~ .led-nav .led-nav__row{display:flex}
  .led-nav__row > li{border-top:1px solid #2a3b53}
  .led-nav__top{padding:15px var(--pad);font-size:16px}
  .led-nav__sub{position:static;visibility:visible;opacity:1;min-width:0;background:transparent;
    border:0;box-shadow:none;padding-bottom:8px}
  /* ⚠️ зона касания ссылки выдвижного меню — не ниже 44 px (N4): padding 9px давал
     строку 38 px, и гейт меню валил 40 ссылок подменю на главной (27.09.2026) */
  .led-nav__sub a{color:#cfd7e2;border-top:0;padding:11px var(--pad) 11px calc(var(--pad) + 16px);
    font-size:15px;display:flex;align-items:center;min-height:44px}
  .led-nav__sub a:hover{background:transparent;color:#fff}
  .led-nav__close{display:block}
  .led-nav__close label{display:block;padding:14px var(--pad);min-height:46px;color:#9fb0c6;
    font:600 13px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
  .led-hero{padding-top:22px}
  .led-prose > img:first-of-type{width:45%;margin-left:14px}
  .led-card{grid-template-columns:1fr;gap:14px;padding:20px 0}
  .led-card__id{grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px}
  .led-card__tile{width:132px;height:132px}
  .led-card__tile img{max-width:122px;max-height:122px}
  .led-card__name a{font-size:20px}
  .led-card__offer{text-align:center}
  .led-card__info{grid-template-columns:1fr;gap:0 0;text-align:center}
  .led-card__info dt{padding-top:6px}
  .led-card__chips{justify-content:center}
  .led-card__act{min-width:0}
  .led-opcta__row{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px}
  .led-opcta__tile{width:132px;height:132px}
  .led-opcta__tile img{max-width:122px;max-height:122px}
  .led-opcta__txt .led-card__terms{text-align:center}
  .led-opcta__act{min-width:0;align-self:stretch}
  .led-pc{grid-template-columns:1fr}
  .led-feed b{font-size:17px}
  .led-arch__g ul{columns:2}
  .led-sig__meta{gap:4px 14px}
  .led-foot__trust .led-band{grid-template-columns:1fr}
}
@media (max-width:420px){
  .led-cl{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px 11px}
  .led-ctile{width:44px;height:44px}
  .led-ctile img{max-width:38px;max-height:38px}
  .led-ctile--ph{width:64px;height:64px}
  .led-grid img.led-ico{max-width:64px;max-height:64px}
  .led-ctile--ico svg{width:22px;height:22px}
  .led-card__tile{width:96px;height:96px}
  .led-card__tile img{max-width:90px;max-height:90px}
  .led-grid{grid-template-columns:1fr}
  .led-grid--games{grid-template-columns:1fr 1fr}
  .led-arch__g ul{columns:1}
}
@media print{ .led-nav,.led-burger__box{display:none} .led-sheet{max-width:none} }