/* Оформление «Плитки» для блога: лента /blog/ (#lbj), разделы, статьи (.lb .lb-article)
   и блоки главной «Помощь в выборе» (.lb + .lbg) и «Частые вопросы» (.lb-info).

   Раскладку блога не меняем — только цвет, шрифты, радиусы и кнопки.
   Блог задаёт свои токены на .lb, и часть имён совпадает с токенами tokens.css
   (--lb-ink, --lb-rule, --lb-focus, --lb-gap). Переменные блога ближе к элементам,
   поэтому внутри .lb выигрывают они. Чтобы взять значения дизайн-кода, а не блога,
   токены :root сначала «снимаются» на body в --lbtb-* (там блог их ещё не перекрыл),
   потом подставляются в переменные блога. Писать «--lb-ink: var(--lb-ink)» на .lb
   нельзя — это цикл, и переменная станет недействительной.

   Специфичность: base.css задаёт цвет ссылок #mainContent a (1,1,3) и шрифт всему
   содержимому (1,2,2). Поэтому префикс здесь — html body.lbt #mainContent. */

html body.lbt {
	--lbtb-ink: var(--lb-ink);
	--lbtb-rule: var(--lb-line);
	--lbtb-focus: var(--lb-focus);
	--lbtb-gap: var(--lb-gap);
	--lbtb-head: 'LB Geologica', system-ui, sans-serif;
	--lbtb-text: 'LB Golos', system-ui, sans-serif;
}

/* ---------- переменные блога → холодные нейтрали дизайн-кода ---------- */
html body.lbt .lb {
	--lb-ink: var(--lbtb-ink);
	--lb-ink-soft: var(--lb-ink-2);
	--lb-muted: var(--lb-ink-3);
	--lb-paper: var(--lb-page);
	--lb-paper-warm: var(--lb-mist);
	--lb-paper-deep: var(--lb-photo);
	--lb-rule: var(--lbtb-rule);
	--lb-rule-strong: var(--lbtb-ink);
	--lb-accent: var(--lbtb-ink);
	--lb-accent-dark: var(--lb-ink-hover);
	--lb-accent-wash: var(--lb-mist);
	--lb-focus: var(--lbtb-focus);
	--lb-serif: var(--lbtb-head);
	--lb-sans: var(--lbtb-text);
}

/* тон раздела: вместо цветов тем — графит, подложки — плитки дизайн-кода */
html body.lbt .lb,
html body.lbt [data-topic],
html body.lbt .lb-article[data-topic],
html body.lbt #lbj[data-topic] {
	--lbj-t-accent: var(--lbtb-ink);
	--lbj-t-wash: var(--lb-mist);
	--lbj-t-ink: var(--lbtb-ink);
	--lbj-t-card: var(--lb-ink-chip);
	--lbj-t-card-hover: var(--lb-ink-hover);
	--lbj-t-line: var(--lb-ink-rule);
	--lbj-t-line-hover: var(--lb-ink-dot);
	--lbj-t-or: var(--lb-on-ink-3);
	--lbj-t-shade: 21, 25, 30;
	--lbj-on-ink: var(--lb-on-ink);
	--lbj-on-ink-soft: var(--lb-on-ink-2);
	--lbj-on-ink-muted: var(--lb-on-ink-3);
	--lbj-on-ink-accent: var(--lb-on-ink-3);
}
/* подложки разделов по кругу blue → sage → lav → mist */
html body.lbt [data-topic]:is([data-topic="notebooks"], [data-topic="displays"], [data-topic="nas"]) { --lbj-t-wash: var(--lb-blue); }
html body.lbt [data-topic]:is([data-topic="network"], [data-topic="mini-pc"], [data-topic="print-and-scan"]) { --lbj-t-wash: var(--lb-sage); }
html body.lbt [data-topic]:is([data-topic="pc-components"], [data-topic="electronics"], [data-topic="ups"]) { --lbj-t-wash: var(--lb-lav); }

/* ---------- шрифты: заголовки Geologica, текст Golos ---------- */
html body.lbt #mainContent :is(.lb, #lbj) :is(
	.lb-masthead__title, .lb-masthead__stat b, .lb-band__title, .lb-lead__title, .lb-second__title, .lb-card__title,
	.lb-404__code, .lb-404__title, .lb-article__title, .lb-body h4, .lb-product__price,
	.lb-cat__title, .lb-related__title, .lb-related__name, .lb-prevnext__name, .lb-picks__title, .lb-pick__price,
	.lb-help__head, .lb-keys__title, .lb-toc__title, .lb-faq__item summary,
	.lbj-mast__title, .lbj-lead__title, .lbj-feed__title, .lbj-band__title, .lbj-vs__side, .lbj-card__title,
	.lbj-spot__name, .lbj-thumb__text, .lbj-top__n, .lbj-top__t, .lbj-promo__title, .lbj-poster__title,
	.lbj-row__title, .lbj-row__time, .lbj-path__n, .lbj-path__title, .lbj-index__head, .lbj-shead__title,
	.lbj-shead__kinds b, .lbj-label
) {
	font-family: var(--lbtb-head);
	letter-spacing: var(--lb-track-head);
}
/* курсив засечного шрифта у меток темы, «или», плашки и цитаты: у Geologica курсива нет */
html body.lbt #mainContent #lbj :is(.lbj-topic, .lbj-vs__or, .lbj-plate, .lbj-pull__text p) {
	font-family: var(--lbtb-head);
	font-style: normal;
}
html body.lbt #mainContent #lbj .lbj-topic { font-weight: 600; }
html body.lbt #mainContent #lbj .lbj-vs__or { font-weight: 500; font-size: var(--lb-fs-small); text-transform: uppercase; letter-spacing: .08em; }
html body.lbt #mainContent #lbj .lbj-pull__text p { font-weight: 600; letter-spacing: var(--lb-track-head); line-height: 1.3; }
html body.lbt #mainContent #lbj .lbj-lead__tail,
html body.lbt #mainContent #lbj .lbj-lead__lede,
html body.lbt #mainContent .lb .lb-article__lead,
html body.lbt #mainContent .lb .lb-lead__text,
html body.lbt #mainContent .lb .lb-body { font-family: var(--lbtb-text); }

/* ---------- ссылки: base.css красит все a в #mainContent, возвращаем цвета на тёмном ---------- */
html body.lbt #mainContent #lbj a.lbj-btn--ink,
html body.lbt #mainContent #lbj a.lbj-btn--accent,
html body.lbt #mainContent #lbj a.lbj-btn--line:hover,
html body.lbt #mainContent #lbj .lbj-kinds a:hover,
html body.lbt #mainContent #lbj a.lbj-pager__current { color: var(--lb-on-ink); }
html body.lbt #mainContent #lbj :is(.lbj-band--ink, .lbj-poster, .lbj-lead__body) a,
html body.lbt #mainContent #lbj a:is(.lbj-vs, .lbj-poster) { color: var(--lb-on-ink); }
html body.lbt #mainContent #lbj .lbj-band--ink a.lbj-band__link { color: var(--lb-on-ink-2); }
html body.lbt #mainContent #lbj .lbj-band--ink a.lbj-band__link:hover { color: var(--lb-on-ink); }
html body.lbt #mainContent #lbj a { text-decoration: none; }

/* ---------- кнопки журнала: пилюли 48 px ---------- */
html body.lbt #mainContent #lbj .lbj-btn {
	min-height: var(--lb-ctl);
	padding: 0 24px;
	border-radius: var(--lb-r-pill);
	font: 600 16px/1 var(--lbtb-text);
	letter-spacing: 0;
	text-transform: none;
}
html body.lbt #mainContent #lbj :is(.lbj-btn--ink, .lbj-btn--accent) { background: var(--lb-ink); border-color: var(--lb-ink); }
html body.lbt #mainContent #lbj :is(.lbj-btn--ink, .lbj-btn--accent):hover { background: var(--lb-ink-hover); border-color: var(--lb-ink-hover); }
html body.lbt #mainContent #lbj .lbj-btn--line { border: 0; box-shadow: inset 0 0 0 1.5px var(--lb-ink); background: transparent; }
html body.lbt #mainContent #lbj .lbj-btn--line:hover { background: var(--lb-ink); }

/* ---------- лента и раздел ---------- */
html body.lbt #mainContent #lbj :is(.lbj-mast__kicker, .lb-masthead__kicker) { color: var(--lb-ink-3); }
html body.lbt #mainContent #lbj :is(.lbj-topic-s, .lbj-thumb__top, .lbj-label--plain) { color: var(--lb-ink-2); }
html body.lbt #mainContent #lbj .lbj-topic { color: var(--lb-ink-3); }
html body.lbt #mainContent #lbj .lbj-lead__kicker { color: var(--lb-on-ink-2); }
html body.lbt #mainContent #lbj .lbj-poster__kind { color: var(--lb-on-ink-2); }
html body.lbt #mainContent #lbj .lbj-lead__media,
html body.lbt #mainContent #lbj .lbj-card__media,
html body.lbt #mainContent #lbj .lbj-row__media,
html body.lbt #mainContent #lbj .lbj-path__media,
html body.lbt #mainContent #lbj .lbj-poster { background-color: var(--lb-photo); }
html body.lbt #mainContent #lbj :is(.lbj-lead__media, .lbj-poster) { border-radius: var(--lb-r); }
html body.lbt #mainContent #lbj :is(.lbj-card__media, .lbj-row__media) { border-radius: var(--lb-rc); }
html body.lbt #mainContent #lbj .lbj-card__kind { background: var(--lb-page); border-radius: var(--lb-r-pill); }

/* тёмная полоса «Сравнения» → графитовая панель дизайн-кода */
html body.lbt #mainContent #lbj .lbj-band--ink { border-radius: var(--lb-r); background: var(--lb-ink); }
html body.lbt #mainContent #lbj .lbj-band--ink .lbj-band__title { color: var(--lb-on-ink); }
html body.lbt #mainContent #lbj .lbj-band--ink .lbj-band__sub { color: var(--lb-on-ink-2); }
html body.lbt #mainContent #lbj .lbj-vs { border-radius: var(--lb-rc); background: var(--lb-ink-chip); border-color: var(--lb-ink-rule); }
html body.lbt #mainContent #lbj .lbj-vs:hover { background: var(--lb-ink-hover); }
html body.lbt #mainContent #lbj .lbj-vs__topic { color: var(--lb-on-ink-3); }
html body.lbt #mainContent #lbj .lbj-vs__tail { color: var(--lb-on-ink-2); }
html body.lbt #mainContent #lbj .lbj-vs__foot { color: var(--lb-on-ink-3); }
html body.lbt #mainContent #lbj .lbj-vs:hover .lbj-vs__foot { color: var(--lb-on-ink); }

/* «Тема недели», «С чего начать», шапка раздела — цветные плитки */
html body.lbt #mainContent #lbj .lbj-spot,
html body.lbt #mainContent #lbj .lbj-path { border-radius: var(--lb-r); background: var(--lbj-t-wash); }
html body.lbt #mainContent #lbj .lbj-shead__card { border-radius: var(--lb-r); background: var(--lbj-t-wash); }
html body.lbt #mainContent #lbj .lbj-shead__title { color: var(--lb-ink); }
html body.lbt #mainContent #lbj .lbj-shead__kinds a:hover { background: var(--lb-veil); }
html body.lbt #mainContent #lbj .lbj-shead__kinds svg { color: var(--lb-ink-2); }

/* «Чаще всего читают»: контурные цифры графитом */
html body.lbt #mainContent #lbj .lbj-top__n { -webkit-text-stroke-color: var(--lb-ink-3); }

/* промо конфигуратора: вместо персикового градиента — плитка sage */
html body.lbt #mainContent #lbj .lbj-promo {
	border-radius: var(--lb-r);
	padding: var(--lb-pad);
	background: var(--lb-blue);
}
html body.lbt #mainContent #lbj .lbj-promo--catalog { background: var(--lbj-t-wash); }
html body.lbt #mainContent #lbj .lbj-promo__kicker { color: var(--lb-ink-3); }
html body.lbt #mainContent #lbj .lbj-promo__text { color: var(--lb-ink-2); }

/* цитата: полоса графитом */
html body.lbt #mainContent #lbj .lbj-pull__text::before { background: var(--lb-ink); }
html body.lbt #mainContent #lbj .lbj-pull__src span { color: var(--lb-ink-3); }

/* виды материалов, указатель, постраничка */
html body.lbt #mainContent #lbj .lbj-kinds a { border: 0; border-radius: var(--lb-r-pill); background: var(--lb-mist); }
html body.lbt #mainContent #lbj .lbj-kinds a:hover { background: var(--lb-ink); }
html body.lbt #mainContent #lbj .lbj-index__head { border-top-color: var(--lb-ink); }
html body.lbt #mainContent #lbj .lbj-pager > * { border: 0; border-radius: var(--lb-r-pill); background: var(--lb-mist); min-width: var(--lb-ctl-s); min-height: var(--lb-ctl-s); }
html body.lbt #mainContent #lbj .lbj-pager > a:hover { background: var(--lb-blue); }
html body.lbt #mainContent #lbj .lbj-pager .lbj-pager__current { background: var(--lb-ink); color: var(--lb-on-ink); }
html body.lbt #mainContent #lbj .lbj-pager .lbj-pager__gap { background: none; }
html body.lbt #mainContent #lbj .lbj-plate { background: var(--lb-mist); color: var(--lb-ink-3); }

/* рубрикатор блога: пилюли на mist, точки тем графитом */
html body.lbt #mainContent .lb .lb-rubricator .lb-topic { box-shadow: none; }
html body.lbt #mainContent .lb .lb-rubricator .lb-topic:hover { background: var(--lb-mist); }
html body.lbt #mainContent .lb .lb-rubricator .lb-topic--current,
html body.lbt #mainContent .lb .lb-rubricator .lb-topic--current:hover { background: var(--lb-mist); color: var(--lb-ink); box-shadow: none; }
html body.lbt .lb-topic[data-topic]::before { background: var(--lb-ink-3); }
html body.lbt .lb-dock__bar { box-shadow: 0 1px 0 var(--lb-line); }

/* ---------- статья ---------- */
html body.lbt #mainContent .lb :is(.lb-article__kicker, .lb-article__topic, .lb-meta__topic, .lb-related__topic) { color: var(--lb-ink-3); }
html body.lbt #mainContent .lb .lb-progress { background: var(--lb-ink); }
html body.lbt #mainContent .lb .lb-article__cover { border-radius: var(--lb-r); overflow: hidden; background: var(--lb-photo); }
html body.lbt #mainContent .lb .lb-body li::marker { color: var(--lb-ink-3); }
html body.lbt #mainContent .lb .lb-body thead th { background: var(--lb-mist); }
html body.lbt #mainContent .lb .lb-body blockquote { border-left-color: var(--lb-ink); }
html body.lbt #mainContent .lb :is(.lb-note, .lb-digress, .lb-keys, .lb-help) {
	border-left: 0;
	border-radius: var(--lb-rc);
	background: var(--lb-mist);
}
html body.lbt #mainContent .lb .lb-note--warn { background: var(--lb-blue); }
html body.lbt #mainContent .lb .lb-note--warn .lb-note__title,
html body.lbt #mainContent .lb .lb-digress__title { color: var(--lb-ink); }
html body.lbt #mainContent .lb .lb-keys li::before { background: var(--lb-ink-3); }
html body.lbt #mainContent .lb .lb-code pre { background-color: var(--lb-mist); border-radius: var(--lb-ri); }
html body.lbt #mainContent .lb .lb-body :not(pre) > code { background: var(--lb-mist); }
html body.lbt #mainContent .lb .lb-tag { background: var(--lb-mist); border-radius: var(--lb-r-pill); }
@media (max-width: 1100px) {
	html body.lbt #mainContent .lb .lb-toc.is-collapsible { background: var(--lb-mist); border-radius: var(--lb-rc); }
}
html body.lbt #mainContent .lb .lb-toc li::before { background: var(--lb-ink); }
html body.lbt #mainContent .lb .lb-prevnext__link { border-radius: var(--lb-rc); }
html body.lbt #mainContent .lb .lb-prevnext__link:hover { background: var(--lb-mist); }
html body.lbt #mainContent .lb .lb-related__media { border-radius: var(--lb-ri); background: var(--lb-photo); }

/* товары в статье: подборка на подложке полки, белые карточки 20, без рамок и теней */
html body.lbt #mainContent .lb .lb-picks {
	border: 0;
	border-radius: var(--lb-r);
	padding: var(--lb-pad-tray);
	background: var(--lb-tray);
}
html body.lbt #mainContent .lb .lb-pick {
	border: 0;
	border-radius: var(--lb-rc);
	overflow: hidden;
	box-shadow: none;
}
html body.lbt #mainContent .lb .lb-pick:hover { box-shadow: none; }
html body.lbt #mainContent .lb .lb-product {
	border: 0;
	border-radius: var(--lb-rc);
	background: var(--lb-tray);
	box-shadow: none;
}
html body.lbt #mainContent .lb .lb-product:hover { box-shadow: none; background: var(--lb-mist); }
html body.lbt #mainContent .lb .lb-product__media { border-radius: var(--lb-ri); background: var(--lb-page); }
html body.lbt #mainContent .lb :is(.lb-product__price, .lb-pick__price) { color: var(--lb-ink); font-weight: 700; font-variant-numeric: tabular-nums; }
html body.lbt #mainContent .lb :is(.lb-product__stock--in, .lb-pick__stock--in) { color: var(--lb-ok); }
html body.lbt #mainContent .lb :is(.lb-product__stock--in, .lb-pick__stock--in)::before { background: var(--lb-ok); }
html body.lbt #mainContent .lb :is(.lb-product__cta, .lb-pick__cta) { color: var(--lb-ink); }
html body.lbt #mainContent .lb :is(.lb-product__buy, .lb-pick__buy) {
	min-height: var(--lb-ctl-s);
	padding: 0 20px;
	border: 0;
	border-radius: var(--lb-r-pill);
	background: var(--lb-ink);
	color: var(--lb-on-ink);
	font: 600 15px/1 var(--lbtb-text);
}
html body.lbt #mainContent .lb :is(.lb-product__buy, .lb-pick__buy):hover { background: var(--lb-ink-hover); }
html body.lbt #mainContent .lb :is(.lb-product__buy, .lb-pick__buy).added { background: var(--lb-mist); color: var(--lb-ink); }

/* ссылка на раздел каталога: графитовая панель, главная кнопка белая */
html body.lbt #mainContent .lb .lb-cat {
	border: 0;
	border-radius: var(--lb-rc);
	padding: 24px 28px;
	background: var(--lb-ink);
}
html body.lbt #mainContent .lb .lb-cat .lb-cat__label { color: var(--lb-on-ink-3); }
html body.lbt #mainContent .lb .lb-cat .lb-cat__meta { color: var(--lb-on-ink-2); }
html body.lbt #mainContent .lb .lb-cat .lb-cat__btn {
	min-height: var(--lb-ctl);
	padding: 0 24px;
	border-radius: var(--lb-r-pill);
	background: var(--lb-on-ink);
	color: var(--lb-ink);
	font-weight: 600;
	transform: none;
}
html body.lbt #mainContent .lb .lb-cat .lb-cat__btn:hover { background: var(--lb-on-ink-2); transform: none; }

/* «Нужна помощь»: кнопки-пилюли */
html body.lbt #mainContent .lb .lb-help__btn { border-radius: var(--lb-r-pill); color: var(--lb-ink); }
html body.lbt #mainContent .lb .lb-help__btn--phone { color: var(--lb-on-ink); }
html body.lbt #mainContent .lb .lb-help__btn--phone:hover { background: var(--lb-ink); border-color: var(--lb-ink); color: var(--lb-on-ink); }

/* ---------- главная: «Помощь в выборе» ---------- */
html body.lbt.lb-home-desktop #mainContentRight > section.lb { margin-top: var(--lbtb-gap); }
html body.lbt #mainContent .lb .lb-band__head { margin-bottom: 28px; }
html body.lbt #mainContent .lb .lb-band__title {
	font: 700 var(--lb-fs-h2)/var(--lb-lh-head) var(--lbtb-head);
	letter-spacing: var(--lb-track-head);
	color: var(--lb-ink);
}
html body.lbt #mainContent .lb .lb-band__head a.lb-topic {
	display: inline-flex;
	align-items: center;
	min-height: var(--lb-ctl-s);
	padding: 0 20px;
	border-radius: var(--lb-r-pill);
	background: var(--lb-mist);
	color: var(--lb-ink);
	font: 500 var(--lb-fs-ui)/1 var(--lbtb-text);
	box-shadow: none;
}
html body.lbt #mainContent .lb .lb-band__head a.lb-topic:hover { background: var(--lb-blue); }
html body.lbt #mainContent .lb .lb-card__title { font-weight: 700; }
html body.lbt #mainContent .lb .lb-cover { border-radius: var(--lb-rc); overflow: hidden; background-color: var(--lb-photo); }
html body.lbt #mainContent .lb .lb-card__title a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* «Как выбрать технику под задачу» — четыре цветные плитки */
html body.lbt #mainContent .lbg__kick {
	margin-top: 56px;
	font: 500 var(--lb-fs-ui)/1.3 var(--lbtb-text);
	letter-spacing: 0;
	text-transform: none;
	color: var(--lb-ink-3);
}
html body.lbt #mainContent .lbg { gap: var(--lb-grid-gap); }
html body.lbt #mainContent .lbg .lbg__card {
	gap: 12px;
	padding: 28px;
	border: 0;
	border-radius: var(--lb-r);
	background: var(--lb-blue);
}
html body.lbt #mainContent .lbg .lbg__card:nth-child(4n+2) { background: var(--lb-sage); }
html body.lbt #mainContent .lbg .lbg__card:nth-child(4n+3) { background: var(--lb-lav); }
html body.lbt #mainContent .lbg .lbg__card:nth-child(4n) { background: var(--lb-mist); }
html body.lbt #mainContent .lbg .lbg__card h3.lbg__title {
	font: 700 22px/var(--lb-lh-head) var(--lbtb-head);
	letter-spacing: var(--lb-track-head);
	color: var(--lb-ink);
}
html body.lbt #mainContent .lbg .lbg__card h3.lbg__title a:hover { color: var(--lb-ink); text-decoration: underline; text-underline-offset: 3px; }
html body.lbt #mainContent .lbg .lbg__card p.lbg__text { font: 400 var(--lb-fs-ui)/var(--lb-lh-body) var(--lbtb-text); color: var(--lb-ink-2); }
html body.lbt #mainContent .lbg .lbg__links { gap: 8px; padding-top: 8px; }
html body.lbt #mainContent .lbg .lbg__links a {
	font: 500 var(--lb-fs-ui)/1.4 var(--lbtb-text);
	color: var(--lb-ink);
	text-decoration: underline;
	text-decoration-color: var(--lb-rule);
	text-underline-offset: 4px;
}
html body.lbt #mainContent .lbg .lbg__links a:hover { color: var(--lb-ink); text-decoration-color: currentColor; }

/* ---------- главная: «Частые вопросы» — две колонки details на mist ---------- */
html body.lbt #mainContent .lb-info {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px var(--lb-grid-gap);
	align-items: start;
	margin: var(--lb-gap) 0 0;
}
html body.lbt #mainContent .lb-info .lb-info__title {
	grid-column: 1 / -1;
	margin: 0 0 16px;
	font: 700 var(--lb-fs-h2)/var(--lb-lh-head) var(--lbtb-head);
	letter-spacing: var(--lb-track-head);
	color: var(--lb-ink);
}
html body.lbt #mainContent .lb-info .lb-info__q {
	border: 0;
	border-radius: var(--lb-rc);
	background: var(--lb-mist);
}
html body.lbt #mainContent .lb-info .lb-info__q > summary {
	justify-content: space-between;
	gap: 16px;
	min-height: 72px;
	padding: 20px 24px;
	font: 600 19px/1.3 var(--lbtb-head);
	letter-spacing: var(--lb-track-head);
	color: var(--lb-ink);
}
html body.lbt #mainContent .lb-info .lb-info__q > summary::before,
html body.lbt #mainContent .lb-info .lb-info__q[open] > summary::before {
	content: "+";
	order: 2;
	width: 28px;
	height: 28px;
	background: var(--lb-page);
	color: var(--lb-ink);
	font: 500 22px/1 var(--lbtb-text);
	transition: transform var(--lb-t-fast) var(--lb-ease);
}
html body.lbt #mainContent .lb-info .lb-info__q[open] > summary::before { transform: rotate(45deg); }
html body.lbt #mainContent .lb-info .lb-info__q > summary:hover::before { background: var(--lb-blue); }
html body.lbt #mainContent .lb-info .lb-info__a {
	padding: 0 24px 22px;
	font: 400 var(--lb-fs-ui)/var(--lb-lh-body) var(--lbtb-text);
	color: var(--lb-ink-2);
}

@media (max-width: 1100px) {
	html body.lbt #mainContent .lbg { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
	html body.lbt #mainContent .lb-info { grid-template-columns: minmax(0, 1fr); }
	html body.lbt #mainContent .lbg { grid-template-columns: minmax(0, 1fr); }
	html body.lbt #mainContent .lbg .lbg__card { padding: var(--lb-pad); }
}
@media (prefers-reduced-motion: reduce) {
	html body.lbt #mainContent .lb-info .lb-info__q > summary::before { transition: none; }
}

/* типографские плашки вместо обложки и страница 404 блога: тёплые бежевые оттенки → плитки */
html body.lbt .lb .lb-plate { --lb-plate-bg: var(--lb-mist); --lb-plate-ink: var(--lb-ink-2); }
html body.lbt .lb .lb-plate[data-tint="1"] { --lb-plate-bg: var(--lb-blue); }
html body.lbt .lb .lb-plate[data-tint="2"] { --lb-plate-bg: var(--lb-sage); }
html body.lbt .lb .lb-plate[data-tint="3"] { --lb-plate-bg: var(--lb-lav); }
html body.lbt .lb .lb-plate[data-tint="4"] { --lb-plate-bg: var(--lb-mist); }
html body.lbt .lb .lb-plate,
html body.lbt .lb .lb-404__mark { background-image: none; }
html body.lbt .lb :is(.lb-plate, .lb-404__mark)::after { border-color: var(--lb-rule); }
html body.lbt .lb .lb-404__mark { background-color: var(--lb-mist); border-radius: var(--lb-r); }
html body.lbt #mainContent .lb :is(.lb-404__code, .lb-404__caption) { color: var(--lb-ink-3); }
html body.lbt #mainContent .lb .lb-pager__item--disabled { color: var(--lb-ink-3); border-color: var(--lb-line); }