/* NAK — шрифты локально, внешних запросов ноль */ @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 500; font-display: swap; src: url(/media/nak/font/faustina-latin-ext-7620e9eca9.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 500; font-display: swap; src: url(/media/nak/font/faustina-latin-8b7f0a5ab0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 600; font-display: swap; src: url(/media/nak/font/faustina-latin-ext-7620e9eca9.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 600; font-display: swap; src: url(/media/nak/font/faustina-latin-8b7f0a5ab0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 700; font-display: swap; src: url(/media/nak/font/faustina-latin-ext-7620e9eca9.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 700; font-display: swap; src: url(/media/nak/font/faustina-latin-8b7f0a5ab0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(/media/nak/font/bevietnampro-latin-ext-c4570683da.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(/media/nak/font/bevietnampro-latin-b3cac1dad6.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 500; font-display: swap; src: url(/media/nak/font/bevietnampro-latin-ext-486545d295.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 500; font-display: swap; src: url(/media/nak/font/bevietnampro-latin-b7519c08d2.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(/media/nak/font/bevietnampro-latin-ext-c4fb65952c.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(/media/nak/font/bevietnampro-latin-08d36588d4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url(/media/nak/font/bevietnampro-latin-ext-d172a73235.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url(/media/nak/font/bevietnampro-latin-8b6c7c9f87.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Red Hat Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(/media/nak/font/redhatmono-latin-ext-5afb49cd53.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Red Hat Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(/media/nak/font/redhatmono-latin-ae4a02e7e1.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Red Hat Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(/media/nak/font/redhatmono-latin-ext-5afb49cd53.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Red Hat Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url(/media/nak/font/redhatmono-latin-ae4a02e7e1.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Red Hat Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url(/media/nak/font/redhatmono-latin-ext-5afb49cd53.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Red Hat Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url(/media/nak/font/redhatmono-latin-ae4a02e7e1.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root{--nak-fd:'Faustina',Georgia,'Times New Roman',serif;--nak-fb:'Be Vietnam Pro',system-ui,-apple-system,Arial,sans-serif;--nak-fm:'Red Hat Mono','SFMono-Regular',Consolas,monospace} /* ========================================================================== NAK — no-account-casino.org Полотно сливово-лиловое, CTA янтарный с тёмным текстом, цифры моноширинные. Секции: tokens · reset · frame · head · nav · crumbs · prose · media · table · widget · showcase · hub · value · foot · cookie · mobile ========================================================================== */ /* --- nak#tokens ---------------------------------------------------------- */ :root{ /* лестница тонов: ступень = отношение (L+0.05), минимум 1.15 */ --nak-canvas:#ddd7ec; /* полотно L+.05 = .7504 */ --nak-inset:#edeaf6; /* врезка внутри листа L+.05 = .8848 x1.179 */ --nak-sheet:#ffffff; /* лист L+.05 = 1.0500 x1.187 */ --nak-plate:#ffffff; /* плашка внутри врезки, отделяется рамкой x1.187 */ --nak-deep:#2b1b4d; /* тёмная плита: мачта и подвал, белый текст 15.4 */ --nak-deep2:#3d2a67; /* второй ярус плиты x1.262 */ --nak-ink:#171225; /* основной текст */ --nak-ink-2:#4b4360; /* вторичный, на листе 9.25 */ --nak-ink-i:#efecf7; /* текст на тёмной плите */ --nak-ink-i2:#c3b9dd; /* вторичный на плите */ --nak-accent:#5b2d90; /* бренд-акцент, на листе 9.45 — текстовый сорт */ --nak-accent-2:#b79ae0; /* акцент на тёмной плите: на deep 5.03, на deep2 4.94 */ --nak-cta:#f0a020; /* заливка CTA */ --nak-cta-h:#d88b0e; /* CTA под курсором */ --nak-cta-ink:#8a4b00; /* тот же янтарь ТЕКСТОВОГО сорта, на листе 6.80 */ --nak-on-cta:#231303; /* текст на янтаре, 8.37 */ --nak-line:#cfc7e4; /* граница на светлом */ --nak-line-i:#4d3a77; /* граница на плите */ --nak-good:#1c6b4a; /* «есть», на листе 5.6 */ --nak-warn:#8a2b3c; /* «нет», на листе 7.0 */ --nak-w-text:760px; /* текстовая колонка */ --nak-w-wide:888px; /* витрина, таблицы, карточки */ --nak-w-frame:1120px; /* содержимое шапки и подвала */ --nak-pad:20px; /* боковое поле полосы */ --nak-r-card:12px; /* карточка — средний радиус, у соседей не занят */ --nak-r-btn:8px; --nak-r-chip:6px; --nak-g1:12px; --nak-g2:20px; --nak-g3:30px; /* весь вертикальный ритм */ } /* --- nak#reset ----------------------------------------------------------- */ /* Донорские правила на ГОЛОМ ТЕГЕ весят (0,0,1) — ровно как :where(...) тег. При равенстве побеждает лист ниже, то есть наш. Сбрасываем слой одним блоком. */ :where(body.nak-page) div,:where(body.nak-page) section,:where(body.nak-page) aside, :where(body.nak-page) header,:where(body.nak-page) footer,:where(body.nak-page) nav, :where(body.nak-page) ul,:where(body.nak-page) ol,:where(body.nak-page) figure{ float:none;background:none;border:0;box-shadow:none; } body.nak-page *,body.nak-page *::before,body.nak-page *::after{box-sizing:border-box} /* прокрутка к витрине по якорю — без JS (08.0ю); `scroll-margin-top` нужен, иначе заголовок витрины упирается в самый верх окна и читается как обрезанный */ html{scroll-behavior:smooth} body.nak-page .nakv-h{scroll-margin-top:14px} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}} body.nak-page{ margin:0;padding:0;background:var(--nak-canvas);color:var(--nak-ink); font:400 17px/1.65 var(--nak-fb); -webkit-text-size-adjust:100%; } :where(body.nak-page) img,:where(body.nak-page) svg, :where(body.nak-page) video{max-width:100%;height:auto} /* ⛔ Базовое правило кадра держится в `:where(…)` — (0,0,1), как у голого тега донора (и ниже его в листе, значит побеждает). Написанное как `body.nak-page img`, оно весит (0,1,2) и бьёт ЛЮБОЕ своё правило по классу: `.nak-tbl__logo img{height:100%}` и `.nak-foot__badges img{height:34px}` молча не работали — логотип в ячейке вставал квадратом 90×90 вместо плиты 104×56, значки подвала шли вразнобой (23…38 px). Ни один гейт этого не видит: разметка и размеры «свои», просто не те. */ body.nak-page a{color:var(--nak-accent);text-underline-offset:2px} body.nak-page a:hover{color:var(--nak-cta-ink)} /* цифры моноширинные и табличные везде, где число — единица смысла */ .nak-num,.nakv-rank,.nak-clock__h,.nak-rtp__v,.nakv-card__amt{ font-family:var(--nak-fm);font-variant-numeric:tabular-nums;letter-spacing:-.01em; } /* --- nak#frame — полоса, лист, ширины ------------------------------------ */ .nak-in{max-width:var(--nak-w-frame);margin-left:auto;margin-right:auto; padding-left:var(--nak-pad);padding-right:var(--nak-pad)} .nak-w{max-width:var(--nak-w-text);margin-left:auto;margin-right:auto; padding-left:var(--nak-pad);padding-right:var(--nak-pad)} .nak-w--wide{max-width:var(--nak-w-wide)} /* лист рисуется НА ПОЛОСЕ, а не боковым margin */ body.nak-page main{display:block;background:var(--nak-sheet); padding-top:var(--nak-g3);padding-bottom:var(--nak-g3)} /* ⛔ Правила `main>.nak-w{background:sheet}` здесь больше нет: лист уже нарисован самой полосой `main`, и второй белый слой поверх белого — это «блок цвета подложки», ровно та улика R23 (1.00), из-за которой блок читается как отсутствующий план. Тон полосы задаётся в ОДНОМ месте. */ /* --- nak#head — мачта и рубричная строка — ОДИН
----------------- */ .nak-head{position:relative;z-index:30} .nak-mast{background:var(--nak-deep);color:var(--nak-ink-i);position:relative;z-index:30} .nak-mast__in{display:flex;align-items:center;gap:var(--nak-g2); padding-top:14px;padding-bottom:14px} .nak-mast a{color:var(--nak-ink-i);text-decoration:none} .nak-logo{display:inline-flex;align-items:center;gap:10px;min-height:44px; font-family:var(--nak-fd);font-weight:700;font-size:21px;line-height:1.1; letter-spacing:-.01em} .nak-logo__m{display:block;width:30px;height:30px;flex:0 0 30px} .nak-logo__t{display:block} .nak-logo__t b{display:block;font-weight:700} .nak-logo__t span{display:block;font:500 11px/1.2 var(--nak-fm);letter-spacing:.14em; text-transform:uppercase;color:var(--nak-ink-i2)} .nak-mast__sp{flex:1 1 auto} /* --- nak#nav — рубричная строка, выпадашки на CSS ------------------------ */ .nak-nav{background:var(--nak-deep2);position:relative;z-index:20} .nak-nav__in{display:flex;align-items:stretch;flex-wrap:wrap;gap:0} .nak-nav ul{list-style:none;margin:0;padding:0} .nak-nav__l{display:flex;flex-wrap:wrap;align-items:stretch} .nak-nav__i{position:relative} .nak-nav__a{display:inline-flex;align-items:center;min-height:46px; padding-left:14px;padding-right:14px; color:var(--nak-ink-i);text-decoration:none; font-weight:500;font-size:15px;letter-spacing:.01em} .nak-nav__a:hover,.nak-nav__i:focus-within>.nak-nav__a{background:var(--nak-accent); color:#fff} /* текущая рубрика подсвечена на самой плите — читатель видит, где он стоит */ .nak-nav__a[aria-current="page"],.nak-nav__a[aria-current="true"]{ color:var(--nak-accent-2);box-shadow:inset 0 -3px 0 var(--nak-cta)} .nak-nav__i--has>.nak-nav__a::after{content:"";display:inline-block;margin-left:7px; width:7px;height:7px;border-right:2px solid currentColor; border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)} /* панель: visibility/opacity, а не
— под десктопным меню это мина */ .nak-sub{position:absolute;top:100%;left:0;min-width:238px; background:var(--nak-sheet);border:1px solid var(--nak-line); border-radius:0 0 var(--nak-r-card) var(--nak-r-card); box-shadow:0 12px 28px rgba(23,18,37,.22); visibility:hidden;opacity:0;transition:opacity .13s ease} .nak-nav__i:hover>.nak-sub,.nak-nav__i:focus-within>.nak-sub{visibility:visible;opacity:1} .nak-sub a{display:block;padding:11px 16px;color:var(--nak-ink);text-decoration:none; font-size:15px;line-height:1.35;border-bottom:1px solid var(--nak-line)} .nak-sub li:last-child a{border-bottom:0} .nak-sub a:hover{background:var(--nak-inset);color:var(--nak-accent)} /* панели последних пунктов раскрываются влево, иначе уезжают за край */ .nak-nav__i:nth-last-child(-n+2)>.nak-sub{left:auto;right:0} /* ⛔ Правил `.nak-lang*` здесь больше нет, и это не чистка «мёртвого CSS», а следствие: переключатель языка убран из шапки (переведённых страниц у нас нет), а стиль, оставшийся без разметки, на следующем прогоне отрастает разметкой обратно. Иноязычные разделы донора живут строкой в подвале — `.nak-foot__lang`. */ /* подпись редакции под H1 — кто держит страницу и чем мерил */ .nak-sig{margin:0 0 var(--nak-g2);padding-left:14px; border-left:3px solid var(--nak-accent); font-size:14px;line-height:1.65;color:var(--nak-ink-2)} .nak-sig a{color:var(--nak-cta);text-decoration:underline} /* --- nak#crumbs — крошки и кикер ----------------------------------------- */ .nak-crumbs{font-size:13px;color:var(--nak-ink-2);margin-bottom:10px} .nak-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px} .nak-crumbs li+li::before{content:"›";margin-right:6px;color:var(--nak-line)} .nak-crumbs a{color:var(--nak-ink-2)} .nak-kicker{display:inline-block;margin-bottom:10px;padding:5px 11px; background:var(--nak-inset);border-left:3px solid var(--nak-accent); border-radius:0 var(--nak-r-chip) var(--nak-r-chip) 0; font:600 12px/1.2 var(--nak-fm);letter-spacing:.1em;text-transform:uppercase; color:var(--nak-accent)} /* --- nak#prose — типографика текста, в т.ч. разметки, которой ещё нет ----- */ /* ⛔ `overflow-wrap:anywhere` — не косметика, а единственная защита от ГОЛОГО HTML робота автопостинга. Свой текст ссылок без пробелов не содержит, поэтому ни gate.py, ни gate_render.js, ни замер overflow по живому сайту этого не видят: вылет приходит с первой же автопубликацией, то есть после сдачи. На 390 px абзац с адресом `https://…` без единой точки разрыва растянул документ до 370 px в коробке 358 (`gate_tpl.js` P8). `break-word` мало — он не рвёт слово, которое уже начало строку; `anywhere` заодно чинит min-content ячейки таблицы робота. Наследуется в p/li/td, поэтому висит на обёртке. */ .nak-prose{font-size:17px;line-height:1.68;color:var(--nak-ink); overflow-wrap:anywhere} .nak-prose h1,.nak-prose h2,.nak-prose h3,.nak-prose h4{ font-family:var(--nak-fd);color:var(--nak-ink); hyphens:manual;overflow-wrap:break-word; /* hyphens:auto на h* читается как WP */ line-height:1.2;letter-spacing:-.015em;margin-bottom:var(--nak-g1)} .nak-prose h1{font-size:clamp(28px,4.2vw,40px);font-weight:700;margin-top:0} .nak-prose h2{font-size:clamp(23px,3vw,29px);font-weight:700;margin-top:var(--nak-g3)} .nak-prose h3{font-size:20px;font-weight:600;margin-top:var(--nak-g2)} .nak-prose h4{font-size:18px;font-weight:600;margin-top:var(--nak-g2)} .nak-prose p{margin:0 0 var(--nak-g2)} .nak-dek{font-size:19px;line-height:1.55;color:var(--nak-ink-2);margin:0 0 var(--nak-g2)} .nak-prose ul,.nak-prose ol{margin:0 0 var(--nak-g2);padding-left:0;list-style:none} .nak-prose li{position:relative;padding-left:26px;margin-bottom:8px} /* маркеры — только донорским спискам, в наши блоки они протекать не должны */ .nak-prose ul:not([class*="nak-"]):not([class*="nakv-"])>li::before{ content:"";position:absolute;left:6px;top:.62em;width:7px;height:7px; background:var(--nak-cta);border-radius:2px} .nak-prose ol:not([class*="nak-"]):not([class*="nakv-"]){counter-reset:nakol} .nak-prose ol:not([class*="nak-"]):not([class*="nakv-"])>li{counter-increment:nakol} .nak-prose ol:not([class*="nak-"]):not([class*="nakv-"])>li::before{ content:counter(nakol);position:absolute;left:0;top:0; font:500 14px/1.6 var(--nak-fm);color:var(--nak-accent)} .nak-prose li>ul,.nak-prose li>ol{margin-top:8px;margin-bottom:0} /* вложенные */ .nak-prose blockquote{margin:0 0 var(--nak-g2);padding:14px 18px; background:var(--nak-inset);border-left:4px solid var(--nak-accent); border-radius:0 var(--nak-r-card) var(--nak-r-card) 0;font-size:17px} .nak-prose blockquote p:last-child{margin-bottom:0} .nak-prose blockquote cite{display:block;margin-top:8px;font-style:normal; font:500 13px/1.4 var(--nak-fm);color:var(--nak-ink-2)} .nak-prose code{font:400 .92em/1.5 var(--nak-fm);background:var(--nak-inset); padding:2px 6px;border-radius:var(--nak-r-chip);overflow-wrap:break-word} .nak-prose pre{margin:0 0 var(--nak-g2);padding:14px 16px;background:var(--nak-deep); color:var(--nak-ink-i);border-radius:var(--nak-r-card);overflow-x:auto} .nak-prose pre code{background:none;padding:0;color:inherit;white-space:pre} .nak-prose figure{margin:0 0 var(--nak-g2)} .nak-prose figcaption{margin-top:8px;font-size:14px;line-height:1.45;color:var(--nak-ink-2)} .nak-prose hr{border:0;border-top:1px solid var(--nak-line);margin:var(--nak-g3) 0} .nak-prose abbr[title]{text-decoration:underline dotted;cursor:help} .nak-prose iframe{max-width:100%;border:0;border-radius:var(--nak-r-card)} .pbn-published-date{display:block;font:500 13px/1.4 var(--nak-fm);color:var(--nak-ink-2); margin-bottom:var(--nak-g1)} /* блоки выше приезжают автопостингом: blockquote+cite, pre code, figcaption, вложенные списки и .pbn-published-date стоят сейчас на 0 из 78 страниц — это НЕ мёртвые правила, не вычищать на следующем прогоне. */ /* --- nak#media — картинки в теле: первая боковой врезкой ------------------ */ .nak-fig--side{display:block;float:right;width:clamp(170px,32%,300px); margin-left:var(--nak-g2);margin-bottom:var(--nak-g1);margin-top:4px} .nak-fig--side img{display:block;width:100%;height:auto;border-radius:var(--nak-r-card)} /* ⛔ Второго класса врезки (`--band`, полоса во всю колонку) в скине НЕТ: на сборке 103 страниц картинка донора вне таблицы встречается максимум ОДНА на адрес (25 адресов), а всё остальное — логотипы в ячейках, у которых своя плита `.nak-tbl__logo`. Объявленный, но не встреченный класс краснеет в C09.31 «мёртвые классы скина» и живёт как неотлаженный CSS: правило, на которое ни разу не посмотрели. Понадобится полоса — вернуть парой строк. */ /* ⛔ Подписи-«кредита» под врезкой (`.nak-fig__cr`) здесь нет: источника у донорских картинок мы не знаем, а правило без разметки на следующем прогоне отрастает разметкой — и кредит получится выдуманным (правило 5). */ /* --- nak#table — две системы таблиц разводятся :not(), а не порядком ------ */ .nak-tbl__hint{margin:0 0 8px;font-size:14px;color:var(--nak-ink-2)} .nak-prose table:not([class*="nak"]){clear:both;display:block;width:100%;max-width:100%; overflow-x:auto;border-collapse:collapse;margin-bottom:var(--nak-g2);font-size:15px} .nak-prose table:not([class*="nak"]) th, .nak-prose table:not([class*="nak"]) td{border:1px solid var(--nak-line); padding-top:8px;padding-bottom:8px;padding-left:14px;padding-right:14px; text-align:left;vertical-align:top} .nak-prose table:not([class*="nak"]) th{background:var(--nak-inset); font-weight:600;color:var(--nak-ink)} .nak-prose table:not([class*="nak"]) caption{display:block;position:sticky;left:0; width:calc(100vw - var(--nak-pad)*2);max-width:100%; text-align:left;font:600 15px/1.4 var(--nak-fb);margin-bottom:8px;color:var(--nak-ink)} /* ⛔⛔ Прокрутка живёт на ОБЁРТКЕ, а не на таблице: `width:max-content` без контейнера растягивал документ (2266 px при вьюпорте 1440), и «scrolls sideways» в подписи было обещанием, которого страница не исполняла. `max-width:100%` и `min-width:0` обязательны оба: обёртка лежит в гриде и без них раздувает колонку вместо того, чтобы прокручиваться внутри. */ /* ⛔ `clear:both` — таблица НИКОГДА не встаёт сбоку от врезки с фото. Донор ставит `.nak-fig--side` (45 % ширины на мобиле) прямо перед таблицей связи, и короб прокрутки получал 197 px при окне 390: столбец «Email» с адресом внутри там не показывается вовсе, а прокрутка в таком коробе — не решение (gate_render R «боковая прокрутка в узком блоке», /jackpot-city-casino). */ .nak-tblw{clear:both;max-width:100%;min-width:0;overflow-x:auto; -webkit-overflow-scrolling:touch;margin-bottom:var(--nak-g2)} .nak-tblw>table{margin-bottom:0} /* от четырёх колонок таблица едет по горизонтали, о чём сказано словами в hint */ .nak-tbl--wide{width:max-content;min-width:100%;max-width:none; border-collapse:collapse;font-size:15px} .nak-tbl--wide th,.nak-tbl--wide td{max-width:340px;border:1px solid var(--nak-line); padding-top:8px;padding-bottom:8px;padding-left:14px;padding-right:14px; text-align:left;vertical-align:top} .nak-tbl--wide th{background:var(--nak-inset);font-weight:600;color:var(--nak-ink)} .nak-tbl__logo{display:block;width:104px;height:56px;padding:6px;background:#fff; border:1px solid var(--nak-line);border-radius:var(--nak-r-card)} .nak-tbl__logo img{display:block;width:100%;height:100%;object-fit:contain} /* ⛔ Логотип в ЯЧЕЙКЕ — плита фиксированного размера, а не врезка текста. Донорский кадр приходил в `.nak-fig--side`/`--band` (32-45 % ширины колонки, свои поля): в таблице это давало строку 340 px и выдавливало четвёртую колонку за правый край читательской колонки — на 1440 таблица уезжала вбок там, где места хватало с запасом. Класс ставит сборщик (`tbl_dead`), кадр вписывается `contain`, чтобы знак не обрезался и не растягивался (R15/R17). */ /* --- nak#widget — тематические виджеты на данных -------------------------- */ .nak-wg{margin-top:var(--nak-g3);margin-bottom:var(--nak-g3); background:var(--nak-inset);border:1px solid var(--nak-line); border-radius:var(--nak-r-card);padding:18px} .nak-wg__hd{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap; margin-bottom:var(--nak-g1)} .nak-wg__hd h2,.nak-wg__hd h3{font-family:var(--nak-fd);font-size:20px;font-weight:700; margin:0;color:var(--nak-ink)} .nak-wg__tag{font:600 11px/1.2 var(--nak-fm);letter-spacing:.12em;text-transform:uppercase; color:var(--nak-accent)} .nak-wg__src{margin:var(--nak-g1) 0 0;font-size:13px;line-height:1.45;color:var(--nak-ink-2)} .nak-wg__src a{color:var(--nak-ink-2)} /* расшифровка под шкалой — список без маркеров, маркеры prose сюда не лезут */ .nak-wg__nl{list-style:none;margin:var(--nak-g1) 0 0;padding:0} .nak-wg__nl li{padding-left:0;margin-bottom:6px;font-size:14px;line-height:1.5; color:var(--nak-ink-2)} .nak-wg__nl b{color:var(--nak-ink)} .nak-i{display:inline-block;vertical-align:-.14em;flex:0 0 auto} /* рельсы: своя сетка, колонка под чужой текст — minmax(0,1fr) */ .nak-rails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nak-g1)} .nak-rail{min-width:0;background:var(--nak-plate);border:1px solid var(--nak-line); border-radius:var(--nak-r-btn);padding-top:12px;padding-bottom:12px; padding-left:16px;padding-right:16px} .nak-rail__n{display:block;font-family:var(--nak-fd);font-weight:700;font-size:17px; margin-bottom:4px} .nak-rail__d{display:block;font-size:14px;line-height:1.45;color:var(--nak-ink-2)} .nak-rail__f{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} .nak-flag{display:inline-block;padding:3px 8px;background:var(--nak-inset); border-radius:var(--nak-r-chip);font:500 12px/1.4 var(--nak-fm);color:var(--nak-ink-2)} /* часы выплаты */ .nak-clock{display:grid;grid-template-columns:minmax(0,1fr);gap:10px} .nak-clock__r{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(0,3fr); align-items:center;gap:var(--nak-g1);background:var(--nak-plate); border:1px solid var(--nak-line);border-radius:var(--nak-r-btn); padding-top:10px;padding-bottom:10px;padding-left:16px;padding-right:16px} .nak-clock__n{min-width:0;font-weight:600;font-size:15px} .nak-clock__bar{min-width:0;display:flex;align-items:center;gap:10px} .nak-clock__fill{display:block;height:10px;border-radius:5px;background:var(--nak-cta)} .nak-clock__h{font-size:14px;color:var(--nak-ink-2);white-space:nowrap} /* охват самоисключения */ .nak-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--nak-g1)} .nak-block__c{min-width:0;background:var(--nak-plate);border:1px solid var(--nak-line); border-radius:var(--nak-r-btn);padding-top:12px;padding-bottom:12px; padding-left:16px;padding-right:16px} .nak-block__c--on{border-color:var(--nak-accent);box-shadow:0 0 0 2px rgba(91,45,144,.14)} .nak-block__n{display:block;font-family:var(--nak-fd);font-weight:700;font-size:17px; margin-bottom:6px} .nak-block__y{display:block;font-size:14px;line-height:1.5;color:var(--nak-good)} .nak-block__x{display:block;font-size:14px;line-height:1.5;color:var(--nak-warn)} /* полоса RTP */ .nak-rtp{display:grid;grid-template-columns:minmax(0,1fr);gap:10px} .nak-rtp__r{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center; gap:var(--nak-g1);background:var(--nak-plate);border:1px solid var(--nak-line); border-radius:var(--nak-r-btn);padding-top:10px;padding-bottom:10px; padding-left:16px;padding-right:16px} .nak-rtp__t{min-width:0;height:12px;background:var(--nak-inset);border-radius:6px; position:relative;overflow:hidden} .nak-rtp__f{display:block;height:100%;background:var(--nak-accent)} .nak-rtp__v{font-size:15px;font-weight:500;white-space:nowrap} /* --- nak#showcase — карточка-платёжное поручение, а не строка ------------- */ /* Общее правило выше своих модификаторов; вес поднят до .nak-page, чтобы донорский слой на голых тегах не доставал внутрь витрины. */ body.nak-page .nakv-wrap{margin-top:var(--nak-g3);margin-bottom:var(--nak-g3)} /* ⛔ Витрина живёт на ШИРОКОЙ полосе (888), а стоит под лидом — то есть внутри текстовой колонки (760). Без выхода за её поля она рисуется на 720 px против 848 у соседних секций того же листа: R11 показывает две разные ширины содержимого на одной странице, и лист читается как два разных сайта. Выход включается только там, где широкая полоса уже помещается целиком. */ @media (min-width:928px){ body.nak-page .nak-w:not(.nak-w--wide) .nakv-wrap{ margin-left:calc((var(--nak-w-text) - var(--nak-w-wide))/2); margin-right:calc((var(--nak-w-text) - var(--nak-w-wide))/2)} } body.nak-page .nakv-note{margin:0 0 var(--nak-g1);font-size:14px;line-height:1.5; color:var(--nak-ink-2)} body.nak-page .nakv-h{margin:0 0 6px;font-family:var(--nak-fd);font-weight:700; font-size:26px;line-height:1.2;color:var(--nak-ink)} body.nak-page .nakv-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--nak-g2)} body.nak-page .nakv-filter{display:inline-flex;align-items:center;min-height:38px; padding-left:14px;padding-right:14px;background:var(--nak-inset); border:1px solid var(--nak-line);border-radius:var(--nak-r-chip); font:500 14px/1 var(--nak-fb);color:var(--nak-ink-2);text-decoration:none; cursor:pointer;-webkit-user-select:none;user-select:none} body.nak-page .nakv-filter:hover{border-color:var(--nak-accent);color:var(--nak-accent)} /* ⛔ Переключатели — ПРЯМЫЕ БРАТЬЯ списка и стоят ДО него: `~` работает только вперёд и только между соседями, инпут внутри полосы фильтров или после `
    ` не режет ничего, а гейт честно пишет «фильтры не режут» (08, грабли). */ body.nak-page .nakv-f,body.nak-page .nakv-more{position:absolute;width:1px;height:1px; margin:0;opacity:0;pointer-events:none} body.nak-page .nakv-f:focus-visible~.nakv-filters .nakv-filter{outline:2px solid var(--nak-accent); outline-offset:2px} body.nak-page #nakv-f-all:checked~.nakv-filters [for="nakv-f-all"], body.nak-page #nakv-f-trustly:checked~.nakv-filters [for="nakv-f-trustly"], body.nak-page #nakv-f-paypal:checked~.nakv-filters [for="nakv-f-paypal"], body.nak-page #nakv-f-mobile:checked~.nakv-filters [for="nakv-f-mobile"], body.nak-page #nakv-f-nowager:checked~.nakv-filters [for="nakv-f-nowager"], body.nak-page #nakv-f-tenner:checked~.nakv-filters [for="nakv-f-tenner"], body.nak-page #nakv-f-spins:checked~.nakv-filters [for="nakv-f-spins"]{ background:var(--nak-accent);border-color:var(--nak-accent);color:#fff} /* ⛔ Витрина — ЛЕНТА СТРОК, а не сетка карточек в две колонки. В двух колонках строка на 848 px получает 412, всё встаёт друг под друга и строка вырастает до 361 px при эталоне ≈165 (R9 «ВНЕ ПОЛОСЫ» разом на всех страницах): выбор из десяти брендов перестаёт читаться одним взглядом. */ body.nak-page .nakv-list{display:grid;grid-template-columns:minmax(0,1fr); gap:12px;list-style:none;margin:0;padding:0} /* ⛔ Хвост снимается ВЕСОМ СТРОКИ (`.nakv-list>li.nakv-hid` = 0,2,1), иначе `.nakv-list>li{display:flex}` (0,1,1) перебивает `.nakv-hid` и «показать все» мёртв. Правило фильтра сильнее правила «показать все» (1,2,2 против 1,2,1) — при активном фильтре хвост не раскрывается. */ body.nak-page .nakv-list>li.nakv-hid{display:none} body.nak-page #nakv-more:checked~.nakv-list>li.nakv-hid{display:flex} body.nak-page #nakv-f-trustly:checked~.nakv-list>li.nakv-card:not(.is-trustly), body.nak-page #nakv-f-paypal:checked~.nakv-list>li.nakv-card:not(.is-paypal), body.nak-page #nakv-f-mobile:checked~.nakv-list>li.nakv-card:not(.is-mobile), body.nak-page #nakv-f-nowager:checked~.nakv-list>li.nakv-card:not(.is-nowager), body.nak-page #nakv-f-tenner:checked~.nakv-list>li.nakv-card:not(.is-tenner), body.nak-page #nakv-f-spins:checked~.nakv-list>li.nakv-card:not(.is-spins){display:none} body.nak-page .nakv-morel{display:inline-flex;align-items:center;justify-content:center; min-height:44px;margin-top:var(--nak-g2);padding-left:22px;padding-right:22px; background:var(--nak-inset);border:1px solid var(--nak-line); border-radius:var(--nak-r-btn);font:600 15px/1 var(--nak-fb);color:var(--nak-ink); cursor:pointer;-webkit-user-select:none;user-select:none} body.nak-page .nakv-morel:hover{border-color:var(--nak-accent);color:var(--nak-accent)} body.nak-page #nakv-more:checked~.nakv-morel{display:none} /* подвал витрины: то, что верно ОБО ВСЕХ строках, печатается один раз (00а2) */ body.nak-page .nakv-foot{margin:var(--nak-g2) 0 0;font-size:13px;line-height:1.55; color:var(--nak-ink-2)} /* Телефон: ярусы друг под другом, но оффер и кнопка делят одну строку — иначе строка витрины уходит за 300 px и на экран влезает полторы. */ body.nak-page .nakv-card{min-width:0;display:flex;flex-wrap:wrap; align-items:stretch; background:var(--nak-plate);border:1px solid var(--nak-line); border-radius:var(--nak-r-card);overflow:hidden} body.nak-page .nakv-card li{padding-left:0} body.nak-page .nakv-card--top{border-color:var(--nak-accent); box-shadow:0 0 0 2px rgba(91,45,144,.13)} /* верх карточки: номер позиции, плитка знака, имя бренда — одной строкой. ⛔ Плитка считается от ПОЛА ЗНАКА (R15: длинная сторона ≥100 px на десктопе, ≥90 px на телефоне) с запасом 3–5 %: знак 236×120 при поле 112×58 рисуется 112×57. Поле меньше — «ЗНАК МЕЛКИЙ» на каждой карточке разом. */ body.nak-page .nakv-card__hd{flex:0 0 100%;display:grid; grid-template-columns:auto auto minmax(100px,1fr); align-items:center;gap:12px;background:var(--nak-inset); border-bottom:1px solid var(--nak-line); padding-top:10px;padding-bottom:10px;padding-left:14px;padding-right:14px} body.nak-page .nakv-rank{font-size:30px;font-weight:700;line-height:1; color:var(--nak-accent)} body.nak-page .nakv-tile{display:flex;align-items:center;justify-content:center; width:126px;height:72px;padding:6px;background:#fff; border:1px solid var(--nak-line);border-radius:var(--nak-r-btn)} body.nak-page .nakv-logo{display:block;width:112px;max-width:100%;height:auto} /* шильд вместо картинки — для брендов, у которых файла логотипа нет вовсе */ body.nak-page .nakv-tile--word{text-align:center; font-family:var(--nak-fd);font-weight:700;font-size:16px;line-height:1.15; letter-spacing:-.01em;color:var(--nak-accent)} body.nak-page .nakv-card__nm{display:block;min-width:0;font-family:var(--nak-fd); font-weight:700;font-size:17px;line-height:1.2;color:var(--nak-ink)} /* средний ярус: банковские рельсы — этого нет ни у одного соседа */ body.nak-page .nakv-rails{flex:0 0 100%;display:flex;flex-wrap:wrap;gap:6px; align-content:center; padding-top:10px;padding-bottom:10px;padding-left:14px;padding-right:14px; border-bottom:1px solid var(--nak-line)} body.nak-page .nakv-rail{display:inline-flex;align-items:center;gap:5px; padding-top:4px;padding-bottom:4px;padding-left:9px;padding-right:9px; background:var(--nak-inset);border-radius:var(--nak-r-chip); font:500 12px/1.5 var(--nak-fm);color:var(--nak-ink-2)} body.nak-page .nakv-rail--on{background:#e4f0ea;color:var(--nak-good)} /* низ: оффер и действие во всю ширину карточки */ body.nak-page .nakv-card__bd{flex:1 1 160px;min-width:0;align-self:center; padding-top:12px;padding-bottom:12px;padding-left:14px;padding-right:14px} body.nak-page .nakv-card__amt{display:block;font-size:21px;font-weight:700; line-height:1.2;color:var(--nak-ink)} body.nak-page .nakv-card__sub{display:block;margin-top:3px;font-size:14px; line-height:1.45;color:var(--nak-ink-2)} /* честный минус — он у брендов разный и собран из полей выгрузки (08.0з T4) */ body.nak-page .nakv-card__con{display:flex;align-items:flex-start;gap:6px; margin-top:8px;font-size:13px;line-height:1.4;color:var(--nak-ink-2)} body.nak-page .nakv-card__con .nak-i{flex:0 0 auto;margin-top:2px;color:var(--nak-warn)} body.nak-page .nakv-card__ft{flex:0 0 auto;align-self:center;max-width:210px; padding-top:12px;padding-bottom:12px;padding-left:0;padding-right:14px} body.nak-page .nakv-card__ft .nak-btn{min-height:42px;width:100%} body.nak-page .nakv-terms{display:block;margin-top:10px;font-size:12px;line-height:1.45; color:var(--nak-ink-2)} /* Десктоп: все четыре яруса в ОДНУ строку — номер и знак, рельсы, оффер, действие. Высота строки задаётся плиткой знака (72 + 20), а не суммой ярусов. */ @media (min-width:901px){ body.nak-page .nakv-card{flex-wrap:nowrap} /* ⛔ Сумма основ ярусов ДОЛЖНА влезать в 848: при 878 усадку забирает самый гибкий — оффер сжимался до 112 px, ломался на семь строк и тянул строку витрины до 264 px. Ярусы слева фиксированы, свободное место — офферу. */ body.nak-page .nakv-card__hd{flex:0 0 300px;border-bottom:0; border-right:1px solid var(--nak-line)} body.nak-page .nakv-rails{flex:0 0 140px;border-bottom:0; border-right:1px solid var(--nak-line)} body.nak-page .nakv-card__bd{flex:1 1 210px} body.nak-page .nakv-card__ft{flex:0 0 176px;padding-left:14px} } /* кнопка: цвет повторением класса, а не !important — контейнер иначе перебьёт */ .nak-btn{display:inline-flex;align-items:center;justify-content:center; min-height:46px;padding-left:20px;padding-right:20px; border:0;border-bottom:0;text-shadow:none;border-radius:var(--nak-r-btn); font:700 16px/1 var(--nak-fb);text-decoration:none;cursor:pointer} .nak-btn.nak-btn{background:var(--nak-cta);color:var(--nak-on-cta)} .nak-btn.nak-btn:hover{background:var(--nak-cta-h);color:var(--nak-on-cta)} .nak-btn--w{width:100%} /* ⛔ Второй, «призрачной» кнопки у нас нет и заводить её не надо: на витрине рядом с CTA `/go/` любая вторая кнопка того же размера отбирает у неё клик, а правило без разметки отрастает разметкой (C09.31). */ /* --- nak#jump — переход из первого абзаца на витрину (08.0ю) -------------- ⛔ НЕ красится янтарём `--nak-cta`: янтарь на этом сайте значит «уход к партнёру», и одинаковая кнопка учит читателя, что янтарное ведёт внутрь страницы, — настоящий CTA после этого гаснет (DESIGN §12). Взят фиолетовый акцент, белое на `#5b2d90` = 9.4. ⛔ И форма другая, не только краска: у CTA пилюля `--nak-r-btn` по содержимому, здесь плоская полоса во всю текстовую колонку с прямым левым торцом. Один приём на две разные сущности — тот самый признак ИИ-дизайна (DESIGN, «обводка-пилюля»). Запрет «призрачной кнопки» выше — про кнопку ВНУТРИ строки витрины, рядом с `/go/`; эта стоит в прозе, `/go/` рядом не имеет и клик у него не отбирает. */ .nak-jump{margin:var(--nak-g2) 0} .nak-jump__go{display:flex;align-items:center;gap:14px;padding:12px 18px; background:var(--nak-accent);border-left:6px solid var(--nak-deep); border-radius:0 var(--nak-r-chip) var(--nak-r-chip) 0;text-decoration:none} .nak-jump__go.nak-jump__go{color:#fff} .nak-jump__go:hover{background:var(--nak-deep2)} .nak-jump__ic{display:inline-flex;flex:0 0 auto;align-items:center; justify-content:center;width:34px;height:34px; background:rgba(255,255,255,.14);border-radius:50%} .nak-jump__t{display:block;font:700 17px/1.2 var(--nak-fb)} .nak-jump__n{display:block;margin-top:2px; font:500 13px/1.3 var(--nak-fm);color:var(--nak-ink-i2)} @media (max-width:420px){ .nak-jump__go{padding-left:14px;padding-right:14px;gap:10px} .nak-jump__t{font-size:16px} } /* --- nak#hub — плитки рубрик и ленты ------------------------------------- */ .nak-sec__hd{font-family:var(--nak-fd);font-size:clamp(22px,2.8vw,28px);font-weight:700; line-height:1.2;margin-top:var(--nak-g3);margin-bottom:var(--nak-g1);color:var(--nak-ink)} .nak-sec__dek{margin:0 0 var(--nak-g2);font-size:16px;line-height:1.55;color:var(--nak-ink-2)} .nak-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--nak-g2); align-items:start;list-style:none;margin:0 0 var(--nak-g2);padding:0} /* Указатель архива: то, что у донора шло столбцом из H4 + тизер +
    на шесть экранов. Ссылки сохранены ВСЕ (для 28 гео-страниц это единственный вход, C09.18), но печатаются как список в две колонки. `break-inside` — иначе многострочная строка рвётся между колонками пополам. */ .nak-dir{columns:2;column-gap:var(--nak-g2);list-style:none;margin:0 0 var(--nak-g2);padding:0} .nak-dir>li{break-inside:avoid;margin:0 0 10px;padding-left:14px;position:relative; font-size:15px;line-height:1.45} .nak-dir>li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px; border-radius:50%;background:var(--nak-accent)} .nak-dir a{color:var(--nak-ink);text-decoration:none;border-bottom:1px solid transparent} .nak-dir a:hover{color:var(--nak-accent);border-bottom-color:currentColor} .nak-grid>.nak-tile{height:auto} /* ⛔ Две строки, а не одна (05.15, замер proreklamu.com 29.09.2026: `align-items:start` в одиночку опустил худшую пустоту лишь 858 → 694 px). Высоту ряда задаёт самая высокая плитка, `stretch` по умолчанию тянет под неё соседей, и у карточки с коротким деком между текстом и дном остаётся дыра — владелец читает её как «куча пустого места в блоках», а гейт полей при этом чист. `height:auto` нужен потому, что `height:100%` разрешается от площадки РЯДА, а не от содержимого: без него первая строка не работает. Вторая половина лечения — не CSS, а текст: дек плитки набирается предложениями донора до потолка (nak_build, PAGE_META), чтобы карточке было что показать. Приёмка: `коробка − сумма детей − поля` ≤ 24 px (R24). */ /* ⛔ Модификатора `.nak-grid--2` нет: сетка рубрик у нас одна, в три колонки, и «на две» её переводят только медиазапросы ниже. */ /* зазор к следующему заголовку висит на СОСЕДЕ, а не на заголовке */ .nak-grid+.nak-sec__hd{margin-top:var(--nak-g3)} .nak-tile{min-width:0;display:flex;flex-direction:column;background:var(--nak-plate); border:1px solid var(--nak-line);border-radius:var(--nak-r-card); padding-top:16px;padding-bottom:16px;padding-left:16px;padding-right:16px} .nak-tile li{padding-left:0} .nak-tile__k{display:block;margin-bottom:6px;font:600 11px/1.2 var(--nak-fm); letter-spacing:.12em;text-transform:uppercase;color:var(--nak-accent)} .nak-tile__t{display:block;font-family:var(--nak-fd);font-weight:700;font-size:18px; line-height:1.25;margin-bottom:6px} .nak-tile__t a{color:var(--nak-ink);text-decoration:none} .nak-tile__t a:hover{color:var(--nak-accent)} .nak-tile__d{display:block;font-size:14px;line-height:1.5;color:var(--nak-ink-2)} /* хвост неполного ряда растягивается, чтобы не оставлять дыру */ .nak-grid>.nak-tile:nth-last-child(1):nth-child(3n+1){grid-column:span 3} .nak-grid>.nak-tile:nth-last-child(2):nth-child(3n+1), .nak-grid>.nak-tile:nth-last-child(1):nth-child(3n+2){grid-column:span 1} /* дата обновления — печатается ОДНИМ тегом-маркером, подпись «Updated» снаружи