/*
 * Набор стилей статей блога Бауштофф — один на все статьи.
 * Источник правды — этот файл (10 Сайт\статьи\_kit\). На сайт его кладёт скрипт переноса,
 * mu-plugin bs-article-kit.php подключает его на записях блога.
 * Всё внутри обёртки <div class="bs-art">…</div>, чтобы не задевать тему.
 * Блоки: .answer .toc .inline-img .aside-link table.cmp .layers .honest .blocks .calc .faq .next
 *        .passport .stages .weigh h2.hp (с 25.09.2026, статья «Строительство дома»)
 * Переходы — только плашками (янтарь, чёрный текст), без стрелок и подчёркиваний.
 */
.bs-art {
    --bs-primary: #2a2320;
    --bs-accent: #eaa200;
    --bs-accent-hover: #f2b21e;
    --bs-accent-dark: #8a5a00;
    --bs-accent-bg: #fff8ec;
    --bs-text: #3a3430;
    --bs-text-light: #6f6660;
    --bs-border: #e7e0d6;
    --bs-brown-dark: #3a2e1f;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.7;
    color: var(--bs-text);
    max-width: 960px;
    margin: 0 auto;
}
.bs-art * { box-sizing: border-box; }
/* Картинка записи от темы — прячем, главное фото стоит в статье */
body.bs-art-post .entry-image { display: none; }
body .bs-art h2 { font-size: 1.4rem; color: var(--bs-primary); margin: 46px 0 14px; line-height: 1.35; font-weight: 700; }
body .bs-art h3 { font-size: 1.1rem; color: var(--bs-primary); margin: 26px 0 8px; line-height: 1.35; font-weight: 700; }
body .bs-art p { margin: 0 0 18px; font-size: 1.05rem; }
body .bs-art strong { color: var(--bs-primary); }
body .bs-art ul, body .bs-art ol { margin: 0 0 18px; padding-left: 22px; }
body .bs-art li { margin-bottom: 10px; font-size: 1.03rem; }
body .bs-art a { color: var(--bs-accent-dark); }
.bs-art .note { font-style: italic; color: var(--bs-text-light); font-size: .95rem; }

/* Ссылка внутри текста — плашкой */
body .bs-art p a, body .bs-art li a, body .bs-art td a, body .bs-art .table-note a {
    display: inline-block; background: var(--bs-accent); color: #1a1a1a !important; font-weight: 700;
    text-decoration: none !important; padding: 2px 10px; margin: 2px 0; border-radius: 6px; line-height: 1.5;
}
body .bs-art p a:hover, body .bs-art li a:hover, body .bs-art td a:hover, body .bs-art .table-note a:hover { background: var(--bs-accent-hover); color: #1a1a1a !important; }

/* Картинки */
.bs-art .lead-img, .bs-art .inline-img { margin: 26px 0; }
.bs-art .lead-img { margin-top: 0; }
.bs-art .lead-img img, .bs-art .inline-img img { width: 100%; height: auto; display: block; border-radius: 10px; }
.bs-art .cap { font-size: .85rem; color: var(--bs-text-light); margin-top: 6px; text-align: center; }

/* Оглавление */
.bs-art .toc { border: 1px solid var(--bs-border); border-radius: 12px; padding: 16px 22px; margin: 6px 0 30px; background: #fcfaf7; }
.bs-art .toc__title { font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--bs-text-light); margin-bottom: 6px; }
body .bs-art .toc ol { margin: 0; padding-left: 20px; }
body .bs-art .toc li { margin: 4px 0; font-size: .98rem; }
body .bs-art .toc li a { display: inline; background: none; padding: 0; font-weight: 400; color: var(--bs-primary) !important; border-bottom: 1px dashed #c9b9a3; }
body .bs-art .toc li a:hover { background: none; border-bottom-color: var(--bs-accent); }

/* Короткий ответ сразу */
.bs-art .answer { background: var(--bs-accent-bg); border-left: 4px solid var(--bs-accent); border-radius: 0 10px 10px 0; padding: 16px 22px; margin: 0 0 26px; }
body .bs-art .answer p { margin: 0; font-size: 1.03rem; }
body .bs-art .answer ul { margin: 8px 0 8px; padding-left: 22px; }
body .bs-art .answer li { margin: 3px 0; font-size: 1.03rem; }

/* Таблица сравнения */
.bs-art .table-wrap { overflow-x: auto; }
.bs-art table.cmp { width: 100%; border-collapse: collapse; margin: 18px 0 8px; font-size: .97rem; border: 0; }
.bs-art table.cmp th, .bs-art table.cmp td { padding: 10px 12px; border: 0; border-bottom: 1px solid var(--bs-border); text-align: left; vertical-align: top; }
.bs-art table.cmp th { background: #f6efe4; color: var(--bs-primary); font-size: .9rem; }
.bs-art table.cmp td:first-child { font-weight: 600; color: var(--bs-primary); width: 26%; }
.bs-art .table-note { font-size: .85rem; color: var(--bs-text-light); margin-bottom: 24px; }

/* Разрез / слои (пирог стены) */
.bs-art .layers { margin: 22px 0 10px; border-radius: 12px; overflow: hidden; border: 1px solid var(--bs-border); }
.bs-art .layer { display: grid; grid-template-columns: 150px 1fr; }
.bs-art .layer__name { padding: 12px 14px; font-weight: 700; font-size: .92rem; color: #1a1a1a; background: #efe7de; }
.bs-art .layer__text { padding: 12px 16px; font-size: .95rem; background: #fff; border-left: 1px solid var(--bs-border); }
.bs-art .layer + .layer { border-top: 1px solid var(--bs-border); }
.bs-art .l1 .layer__name { background: #d9c3a1; }
.bs-art .l2 .layer__name { background: #e6e9ec; }
.bs-art .l3 .layer__name { background: #f3ead9; }
.bs-art .l4 .layer__name { background: #efe7de; }
.bs-art .l5 .layer__name { background: #c9cbcf; }
.bs-art .layers-cap { font-size: .85rem; color: var(--bs-text-light); margin-bottom: 24px; }

/* Переход по тексту — карточка с фото и плашкой */
body .bs-art a.aside-link { display: flex; gap: 14px; align-items: center; border: 1px solid var(--bs-border); border-radius: 12px; padding: 12px 14px; margin: 26px 0; text-decoration: none; color: var(--bs-text); background: #fff; }
body .bs-art a.aside-link:hover { border-color: var(--bs-accent); background: #fffdf8; }
.bs-art .aside-link img { width: 96px; height: 72px; object-fit: cover; border-radius: 8px; flex: 0 0 auto; }
.bs-art .aside-link__kicker { display: block; font-size: .75rem; text-transform: uppercase; letter-spacing: .5px; color: var(--bs-text-light); }
.bs-art .aside-link__title { display: block; font-weight: 700; color: var(--bs-primary); line-height: 1.35; }
.bs-art .aside-link__more { display: inline-block; margin-top: 8px; background: var(--bs-accent); color: #1a1a1a; font-weight: 700; font-size: .9rem; padding: 7px 16px; border-radius: 8px; }
.bs-art .aside-link:hover .aside-link__more { background: var(--bs-accent-hover); }

/* Честный минус */
.bs-art .honest { background: #faf7f2; border-radius: 12px; padding: 18px 22px; margin: 20px 0; }
body .bs-art .honest p:last-child { margin-bottom: 0; }
.bs-art .honest__title { font-size: 1.08rem; font-weight: 800; color: var(--bs-primary); margin-bottom: 10px; }
body .bs-art .honest ul { margin: 0; padding-left: 20px; }
body .bs-art .honest li { margin-bottom: 8px; }
body .bs-art .honest li:last-child { margin-bottom: 0; }

/* Карточки товаров */
.bs-art .blocks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 18px 0 26px; }
.bs-art .block-card { border: 1px solid var(--bs-border); border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; background: #fff; }
.bs-art .block-card.pick { border: 2px solid var(--bs-accent); }
.bs-art .block-card__tag { display: inline-block; font-size: .72rem; font-weight: 700; background: var(--bs-accent); color: #1a1a1a; border-radius: 4px; padding: 1px 7px; margin-bottom: 6px; align-self: flex-start; }
.bs-art .block-card__num { font-size: 1.35rem; font-weight: 800; color: var(--bs-primary); }
.bs-art .block-card__size { font-size: .85rem; color: var(--bs-text-light); margin-bottom: 8px; }
body .bs-art .block-card p { font-size: .93rem; margin: 0 0 12px; flex: 1; }
body .bs-art .block-card a.btn { display: block; text-align: center; background: var(--bs-accent); color: #1a1a1a !important; font-size: .92rem; font-weight: 700; text-decoration: none; padding: 9px 12px; border-radius: 8px; }
body .bs-art .block-card a.btn:hover { background: var(--bs-accent-hover); }

/* Расчёт — одна громкая плашка на статью */
/* Пример расчёта: ровный сине-серый (вариант E, решение владельца 17.09.2026); .calc--gradient — сине-серый с переходом (D); .calc--brown — прежний коричневый */
.bs-art .calc { background: #3f4858; color: #fff; border-radius: 14px; padding: 26px 28px; margin: 30px 0; }
body .bs-art .calc h3 { color: #fff; margin: 0 0 12px; font-size: 1.2rem; }
.bs-art .calc__rows { display: grid; grid-template-columns: 1fr auto; gap: 6px 16px; font-size: .98rem; margin-bottom: 14px; }
.bs-art .calc__rows span:nth-child(even) { text-align: right; font-weight: 700; white-space: nowrap; }
.bs-art .calc__total { border-top: 1px solid rgba(255,255,255,.3); padding-top: 10px; font-size: 1.08rem; }
body .bs-art .calc p { color: rgba(255,255,255,.85); font-size: .93rem; margin: 10px 0 16px; }
body .bs-art .calc strong { color: #fff; }
body .bs-art .calc a.btn { display: inline-block; background: var(--bs-accent); color: #1a1a1a !important; font-weight: 700; padding: 12px 24px; border-radius: 9px; text-decoration: none; }
body .bs-art .calc a.btn:hover { background: var(--bs-accent-hover); }
.bs-art .calc.calc--gradient { background: linear-gradient(135deg, #3b4454 0%, #5c6880 100%); }
.bs-art .calc.calc--brown { background: linear-gradient(135deg, var(--bs-brown-dark) 0%, #7a6350 100%); }

/* Сомнения — раскрывашки */
.bs-art .faq details { border-bottom: 1px solid var(--bs-border); padding: 12px 0; }
.bs-art .faq summary { cursor: pointer; font-weight: 600; color: var(--bs-primary); list-style: none; padding-right: 26px; position: relative; font-size: 1.02rem; }
.bs-art .faq summary::-webkit-details-marker { display: none; }
.bs-art .faq summary::after { content: "+"; position: absolute; right: 4px; top: -2px; font-size: 1.3rem; color: var(--bs-accent-dark); }
.bs-art .faq details[open] summary::after { content: "\2212"; }
body .bs-art .faq details p { margin: 10px 0 0; font-size: .98rem; }

/* Дальше — плитки переходов */
.bs-art .next { margin: 40px 0 6px; }
.bs-art .next__title { font-size: 1.15rem; font-weight: 700; color: var(--bs-primary); margin-bottom: 12px; }
.bs-art .next__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
body .bs-art a.next__item { display: block; border: 1px solid var(--bs-border); border-radius: 12px; overflow: hidden; text-decoration: none; color: var(--bs-text); background: #fff; }
body .bs-art a.next__item:hover { border-color: var(--bs-accent); }
.bs-art .next__item img { width: 100%; height: 130px; object-fit: cover; display: block; }
.bs-art .next__body { display: block; padding: 10px 12px; }
.bs-art .next__name { display: block; font-weight: 700; color: var(--bs-primary); line-height: 1.3; }
.bs-art .next__desc { display: block; font-size: .88rem; color: var(--bs-text-light); margin-bottom: 10px; }
.bs-art .next__btn { display: inline-block; background: var(--bs-accent); color: #1a1a1a; font-weight: 700; font-size: .88rem; padding: 6px 14px; border-radius: 8px; }
.bs-art .next__item:hover .next__btn { background: var(--bs-accent-hover); }
.bs-art .next__max { margin-top: 14px; font-size: .98rem; }
body .bs-art .next__max a { display: inline-block; background: #471aff; color: #fff !important; font-weight: 700; text-decoration: none !important; padding: 2px 10px; border-radius: 6px; }
body .bs-art .next__max a:hover { background: #3a12d9; }
/* Выразительный вариант: серая подложка, плотная рамка, крупнее картинка (с 28.09.2026) */
.bs-art .next--strong { background: #ecebe8; border: 1px solid #d6d3cd; border-radius: 16px; padding: 20px 20px 18px; }
.bs-art .next--strong .next__title { font-size: 1.3rem; margin-bottom: 14px; }
.bs-art .next--strong .next__grid { gap: 16px; }
body .bs-art .next--strong a.next__item { border: 2px solid #b9b4ab; border-radius: 14px; box-shadow: 0 3px 10px rgba(40,35,25,.12); transition: border-color .15s, box-shadow .15s, transform .15s; }
body .bs-art .next--strong a.next__item:hover { border-color: var(--bs-accent); box-shadow: 0 6px 18px rgba(40,35,25,.18); transform: translateY(-2px); }
.bs-art .next--strong .next__item img { height: 170px; border-bottom: 2px solid #b9b4ab; }
.bs-art .next--strong .next__body { padding: 12px 14px 14px; }
.bs-art .next--strong .next__name { font-size: 1.08rem; }

/* «Как нельзя делать» — единственный красный блок набора, по просьбе владельца: запреты
   должны бросаться в глаза. Знак «!» — текст в кружке, не иконка. Один на статью. */
.bs-art .warn { border: 2px solid #c0392b; background: #fdf2f0; border-radius: 12px; padding: 18px 22px; margin: 28px 0; }
.bs-art .warn__title { display: flex; align-items: center; gap: 12px; font-size: 1.15rem; font-weight: 800; color: #9e2a1e; margin-bottom: 12px; }
.bs-art .warn__title::before { content: "!"; flex: 0 0 auto; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; background: #c0392b; color: #fff; text-align: center; font-size: 1.2rem; font-weight: 900; }
body .bs-art .warn ul { list-style: none; padding-left: 0; margin: 0; }
body .bs-art .warn li { position: relative; padding-left: 22px; margin-bottom: 10px; }
body .bs-art .warn li:last-child { margin-bottom: 0; }
/* тема Bono рисует свои янтарные кружки у пунктов списка — перебиваем на красную черту */
body .bs-art .warn ul li::before { content: "" !important; position: absolute !important; left: 2px !important; top: .75em !important; width: 10px !important; height: 3px !important; background: #c0392b !important; border: 0 !important; border-radius: 2px !important; box-shadow: none !important; margin: 0 !important; }
body .bs-art .warn strong { color: #9e2a1e; }

/* ===== Формат «История» ===== */

/* Пометка под заходом: история собирательная */
body .bs-art p.story-note { font-style: italic; color: var(--bs-text-light); font-size: .95rem; margin: -6px 0 26px; }

/* Номер в заголовке раздела: <h2><span class="num">1</span>Текст</h2> */
.bs-art h2 .num { display: inline-block; min-width: 34px; height: 34px; line-height: 34px; border-radius: 50%; background: var(--bs-accent); color: #1a1a1a; text-align: center; font-size: 1rem; font-weight: 800; margin-right: 10px; vertical-align: 2px; }

/* Совет с меткой */
/* «Обязательно» — главное правило статьи крупным шрифтом, янтарная рамка (владелец 23.10: «хорошим шрифтом засвети»). Одно на статью. */
.bs-art .must { margin: 28px 0; padding: 20px 24px; border: 2px solid #e3a322; border-radius: 14px; background: #fff4d6; box-shadow: 6px 6px 0 rgba(227,163,34,.25); }
.bs-art .must__label { display: inline-block; margin-bottom: 10px; padding: 3px 12px; border-radius: 6px; background: #292720; color: #fff; font-size: .75rem; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }
body .bs-art .must__big { margin: 0 0 10px; font-size: 1.32rem; line-height: 1.35; font-weight: 800; color: #292720; }
body .bs-art .must p { margin: 0; font-size: 1rem; }
@media (max-width: 640px) { body .bs-art .must__big { font-size: 1.15rem; } .bs-art .must { padding: 16px 16px; } }
.bs-art .tip { background: linear-gradient(135deg, #faf5ec 0%, #efe4d2 100%); border-left: 4px solid #7a5a3a; border-radius: 0 10px 10px 0; padding: 16px 22px; margin: 24px 0; }
.bs-art .tip__label { display: inline-block; background: #5c4530; color: #fff; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; padding: 3px 10px; border-radius: 4px; margin-bottom: 8px; }
body .bs-art .tip p { margin: 6px 0 0; font-size: 1rem; }

/* Чек-лист: что проверить */
.bs-art .checklist { background: #f7f1e6; border-radius: 12px; padding: 20px 24px; margin: 28px 0; }
.bs-art .checklist__title { font-size: 1.1rem; font-weight: 700; color: var(--bs-primary); margin-bottom: 10px; }
body .bs-art .checklist ul { list-style: none; padding-left: 0; margin: 0; }
body .bs-art .checklist li { position: relative; padding-left: 28px; margin-bottom: 8px; }
.bs-art .checklist li::before { content: ""; position: absolute; left: 2px; top: .45em; width: 12px; height: 7px; border-left: 3px solid #7a5a3a; border-bottom: 3px solid #7a5a3a; transform: rotate(-45deg); }

/* Цитата-реплика из разговора */
.bs-art .quote { border-left: 3px solid var(--bs-border); padding: 4px 0 4px 18px; margin: 22px 0; color: var(--bs-primary); font-size: 1.08rem; font-style: italic; }

/* ===== Формат «Короткий ответ» ===== */

/* Две-три главные цифры */
.bs-art .facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin: 0 0 26px; }
.bs-art .fact { border: 1px solid var(--bs-border); border-radius: 12px; padding: 14px 16px; background: #fff; }
.bs-art .fact__value { display: block; font-size: 1.6rem; font-weight: 800; color: var(--bs-primary); line-height: 1.2; }
.bs-art .fact__label { display: block; font-size: .88rem; color: var(--bs-text-light); margin-top: 4px; }

/* Шаги по порядку */
body .bs-art ol.steps { list-style: none; counter-reset: bs-step; padding-left: 0; margin: 18px 0 26px; }
body .bs-art ol.steps > li { counter-increment: bs-step; position: relative; padding: 0 0 18px 52px; margin: 0; }
.bs-art ol.steps > li::before { content: counter(bs-step); position: absolute; left: 0; top: 0; width: 34px; height: 34px; line-height: 34px; border-radius: 50%; background: var(--bs-accent); color: #1a1a1a; font-weight: 800; text-align: center; }
.bs-art ol.steps > li:not(:last-child)::after { content: ""; position: absolute; left: 16px; top: 38px; bottom: 4px; width: 2px; background: var(--bs-border); }
.bs-art .steps__title { display: block; font-weight: 700; color: var(--bs-primary); margin-bottom: 2px; }

@media (max-width: 768px) {
    body .bs-art h2 { font-size: 1.22rem; }
    .bs-art .blocks, .bs-art .next__grid { grid-template-columns: 1fr; }
    .bs-art .layer { grid-template-columns: 1fr; }
    .bs-art .layer__text { border-left: 0; }
    .bs-art table.cmp { font-size: .9rem; }
    .bs-art table.cmp td:first-child { width: auto; }
    .bs-art .calc { padding: 20px 18px; }
}

/* Карточки видов (каталог: фото + коротко + цифры). Образец — «Виды строительных блоков» (4541) */
.bs-art .types { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 18px 0 30px; }
@media (max-width: 900px) { .bs-art .types { grid-template-columns: repeat(2, 1fr); } }
/* Две карточки «один против другого» (сравнение двух материалов) */
.bs-art .types.types--two { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 640px) { .bs-art .types.types--two { grid-template-columns: 1fr; } }
/* Одна карточка в разделе — широкая: картинка слева, текст справа (на телефоне — как обычная) */
.bs-art .types.types--one { grid-template-columns: 1fr; }
/* сетка, а не flex: на сайте картинку оборачивает span (itemprop), колонкой становится он */
.bs-art .types--one .type-card { display: grid; grid-template-columns: 42% 1fr; align-items: center; }
.bs-art .types--one .type-card img { border-bottom: 0; }
@media (max-width: 640px) { .bs-art .types--one .type-card { grid-template-columns: 1fr; } .bs-art .types--one .type-card img { border-bottom: 1px solid var(--bs-border); } }
.bs-art .type-card { border: 1px solid var(--bs-border); border-radius: 12px; overflow: hidden; background: #fff; display: flex; flex-direction: column; }
.bs-art .type-card img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; background: #fff; display: block; border-bottom: 1px solid var(--bs-border); }
.bs-art .type-card__body { padding: 14px 18px 16px; flex: 1; }
body .bs-art .type-card h3 { margin: 0 0 2px; font-size: 1.12rem; }
.bs-art .type-card__from { font-size: .88rem; color: var(--bs-text-light); margin-bottom: 8px; }
body .bs-art .type-card p { font-size: .98rem; margin: 0 0 10px; line-height: 1.6; }
.bs-art .type-card__facts { display: grid; grid-template-columns: auto 1fr; gap: 3px 12px; font-size: .9rem; margin: 0; }
.bs-art .type-card__facts dt { color: var(--bs-text-light); margin: 0; }
.bs-art .type-card__facts dd { margin: 0; color: var(--bs-primary); font-weight: 600; }
.bs-art .type-card.ours { border: 2px solid var(--bs-accent); background: var(--bs-accent-bg); }
.bs-art .type-card.ours img { background: #fff; }
.bs-art .type-card__tag { display: inline-block; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; background: var(--bs-accent); color: #1a1a1a; border-radius: 5px; padding: 1px 8px; margin-bottom: 6px; }

/* Таблица-оценка: словами в цветных ярлыках. r-good / r-mid / r-bad; win — где выигрывает явно */
.bs-art table.rate td { vertical-align: middle; }
.bs-art .r { display: inline-block; font-size: .84rem; font-weight: 600; padding: 2px 9px; border-radius: 20px; white-space: nowrap; }
.bs-art .r-good { background: #e4efdb; color: #2f5a1f; }
.bs-art .r-mid { background: #f7ecd2; color: #7a5500; }
.bs-art .r-bad { background: #f5e0d8; color: #8a3a1f; }
.bs-art .r.win { background: #2f6b2a; color: #fff; }
.bs-art table.rate tr.ours td { background: var(--bs-accent-bg); }
.bs-art table.rate tr.ours td:first-child { box-shadow: inset 4px 0 0 var(--bs-accent); }
.bs-art .rate-legend { font-size: .85rem; color: var(--bs-text-light); margin: 6px 0 4px; }

@media (max-width: 640px) {
    .bs-art .types { grid-template-columns: 1fr; }
    /* таблица-оценка на телефоне — остаётся сеткой, ярлыки мельче */
    .bs-art table.rate { font-size: .8rem; table-layout: fixed; }
    .bs-art table.rate th, .bs-art table.rate td { padding: 7px 2px; text-align: center; }
    .bs-art table.rate th:first-child, .bs-art table.rate td:first-child { text-align: left; padding-left: 6px; font-size: .78rem; width: 26%; hyphens: manual; }
    .bs-art table.rate th { font-size: .74rem; }
    .bs-art .r { font-size: .66rem; padding: 2px 4px; white-space: normal; line-height: 1.2; }}

/* Переход рамкой со стрелкой: <div class="go-links"><a class="go">…<span class="go__arrow"></span></a></div> */
.bs-art .go-links { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 6px 0 30px; }
body .bs-art a.go { display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 2px solid var(--bs-accent); border-radius: 12px; padding: 16px 18px; background: var(--bs-accent-bg); text-decoration: none !important; color: var(--bs-primary) !important; transition: background .15s; }
body .bs-art a.go:hover { background: #fff1d6; }
.bs-art .go__text { display: flex; flex-direction: column; }
.bs-art .go__title { font-weight: 700; font-size: 1.08rem; line-height: 1.3; }
.bs-art .go__desc { font-size: .92rem; color: var(--bs-text-light); margin-top: 3px; line-height: 1.4; }
.bs-art .go__arrow { flex: 0 0 46px; height: 46px; border-radius: 50%; background: var(--bs-accent); position: relative; transition: transform .15s; }
.bs-art .go__arrow::before { content: ""; position: absolute; left: 13px; top: 21px; width: 18px; height: 4px; background: #1a1a1a; border-radius: 2px; }
.bs-art .go__arrow::after { content: ""; position: absolute; left: 18px; top: 15px; width: 12px; height: 12px; border-top: 4px solid #1a1a1a; border-right: 4px solid #1a1a1a; transform: rotate(45deg); border-radius: 2px; }
body .bs-art a.go:hover .go__arrow { transform: translateX(4px); }
/* Компактная плашка-переход в одну строку (28.09.2026): по ширине текста, без описания — для ссылки посреди статьи */
.bs-art .go-links--slim { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin: 4px 0 26px; }
body .bs-art a.go.go--slim { display: inline-flex; gap: 12px; padding: 8px 8px 8px 18px; border-radius: 30px; background: var(--bs-accent); border-color: var(--bs-accent); color: #1a1a1a !important; }
body .bs-art a.go.go--slim:hover { background: #f2b52a; }
.bs-art .go--slim .go__title { font-size: 1rem; white-space: nowrap; }
.bs-art .go--slim .go__arrow { flex: 0 0 32px; height: 32px; background: #fff; }
.bs-art .go--slim .go__arrow::before { left: 8px; top: 14px; width: 14px; height: 3px; }
.bs-art .go--slim .go__arrow::after { left: 12px; top: 10px; width: 9px; height: 9px; border-top-width: 3px; border-right-width: 3px; }
@media (max-width: 640px) { .bs-art .go-links { grid-template-columns: 1fr; } }

/* ===== Блоки статьи «Строительство дома» (25.09.2026): паспорт дома, фотолента этапов, заголовок-этап, весы ===== */

/* Паспорт дома-примера: как табличка на чертеже */
.bs-art .passport { position: relative; border: 2px solid var(--bs-primary); border-radius: 4px; background: #fbf8f2; margin: 8px 0 30px; }
.bs-art .passport__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; border-bottom: 2px solid var(--bs-primary); padding: 10px 18px; }
.bs-art .passport__title { font-weight: 800; font-size: 1.05rem; color: var(--bs-primary); letter-spacing: .3px; }
.bs-art .passport__kicker { font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; color: var(--bs-accent-dark); }
.bs-art .passport__grid { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; }
.bs-art .passport__cell { padding: 12px 18px; border-right: 1px solid #d9cfc0; border-bottom: 1px solid #d9cfc0; }
.bs-art .passport__cell:nth-child(3n) { border-right: 0; }
.bs-art .passport__cell dt { font-size: .78rem; color: var(--bs-text-light); margin: 0 0 2px; }
.bs-art .passport__cell dd { margin: 0; font-weight: 700; color: var(--bs-primary); font-size: 1.02rem; line-height: 1.35; }
.bs-art .passport__foot { padding: 10px 18px; font-size: .88rem; color: var(--bs-text-light); }

/* Фотолента этапов: один дом по порядку */
.bs-art .stages { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin: 0 0 8px; counter-reset: stg; }
body .bs-art a.stages__item { position: relative; display: block; border-radius: 8px; overflow: hidden; text-decoration: none; color: #fff; aspect-ratio: 3 / 4; background: #ddd; }
.bs-art .stages--4 { grid-template-columns: repeat(4, 1fr); }
body .bs-art .stages--4 a.stages__item { aspect-ratio: 3 / 2; }
.bs-art .stages__item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s; }
body .bs-art a.stages__item:hover img { transform: scale(1.04); }
.bs-art .stages__item::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(40,28,15,.85)); }
.bs-art .stages__n { position: absolute; top: 8px; left: 8px; z-index: 1; min-width: 30px; height: 30px; line-height: 30px; padding: 0 8px; text-align: center; border-radius: 15px; background: var(--bs-accent); color: #1a1a1a; font-weight: 800; font-size: .95rem; }
.bs-art .stages__name { position: absolute; left: 10px; right: 8px; bottom: 9px; z-index: 1; font-weight: 700; font-size: .92rem; line-height: 1.25; color: #fff; }
.bs-art .stages-cap { font-size: .85rem; color: var(--bs-text-light); margin: 0 0 30px; }


/* Весы: сравнение столбиками, ширина задаётся style="--w:20%" */
.bs-art .weigh { border: 1px solid var(--bs-border); border-radius: 12px; padding: 18px 20px 14px; margin: 24px 0 30px; background: #fff; }
.bs-art .weigh__title { font-weight: 700; color: var(--bs-primary); margin-bottom: 12px; }
.bs-art .weigh__row { display: grid; grid-template-columns: 230px 1fr; gap: 12px; align-items: center; margin-bottom: 10px; }
.bs-art .weigh__name { font-size: .93rem; color: var(--bs-text); line-height: 1.3; }
.bs-art .weigh__bar { position: relative; height: 30px; background: #f4efe7; border-radius: 6px; }
.bs-art .weigh__fill { position: absolute; left: 0; top: 0; bottom: 0; width: var(--w); border-radius: 6px; background: #b9aa96; }
.bs-art .weigh__row.is-ours .weigh__fill { background: var(--bs-accent); }
.bs-art .weigh__val { position: absolute; left: 10px; top: 0; line-height: 30px; font-weight: 800; font-size: .95rem; color: #1a1a1a; white-space: nowrap; }
.bs-art .weigh__note { font-size: .85rem; color: var(--bs-text-light); margin-top: 6px; }
/* Скрытая строка (рецептура и т. п.): видно, что цифра есть, но не прочесть; в разметку класть ненастоящее число */
.bs-art .weigh__row.is-blur .weigh__val, .bs-art .weigh__row.is-blur .weigh__fill { filter: blur(5px); user-select: none; pointer-events: none; }
.bs-art .weigh__sep { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--bs-text-light); margin: 14px 0 8px; }

@media (max-width: 768px) {
    .bs-art .passport__grid { grid-template-columns: repeat(2, 1fr); }
    .bs-art .passport__cell:nth-child(3n) { border-right: 1px solid #d9cfc0; }
    .bs-art .passport__cell:nth-child(2n) { border-right: 0; }
    .bs-art .stages { grid-template-columns: repeat(5, 62%); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }
    .bs-art .stages--4 { grid-template-columns: repeat(4, 62%); }
    body .bs-art .stages--4 a.stages__item { aspect-ratio: 3 / 2; }
    body .bs-art a.stages__item { scroll-snap-align: start; aspect-ratio: 4 / 3; }
    .bs-art .weigh__row { grid-template-columns: 1fr; gap: 4px; }
}

/* Плашки-заголовки разделов (из витрины Codex 22.09, «варианты-плашек - Codex.html»; без значков).
   <h2 class="hp hp--measure" id="…"><span class="hp__n">2</span><span class="hp__t"><span class="hp__k">Подпись</span>Заголовок</span></h2>
   Вид: --blueprint «Чертёж», --concrete «Полистиролбетон», --measure «Мерная лента», --frame «Каркас дома»,
   --rebar «Арматура», --arch «Ворота», --ticket «Паспорт», --ribbon «Лента работ». В одной статье — не повторять; «Кладка из блоков» занята страницей характеристик. */
body .bs-art h2.hp { position: relative; display: flex; align-items: center; gap: 18px; min-height: 88px; padding: 14px 28px; margin: 58px 8px 24px 0; font-size: 1.28rem; line-height: 1.22; font-weight: 800; color: #292720; }
.bs-art .hp__n { position: relative; z-index: 2; flex: none; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: #fff9e9; border: 5px solid #e3a322; box-shadow: 3px 3px 0 rgba(48,37,16,.35); font-size: 1.2rem; font-weight: 800; color: #292720; }
.bs-art .hp__t { position: relative; z-index: 2; }
.bs-art .hp__k { display: block; margin-bottom: 4px; font-size: .72rem; font-weight: 700; letter-spacing: .9px; text-transform: uppercase; opacity: .72; }

body .bs-art h2.hp--blueprint { color: #eef9ff; border: 3px solid #8ed5de; border-radius: 12px; background-color: #173f52; background-image: linear-gradient(rgba(158,213,221,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(158,213,221,.12) 1px, transparent 1px); background-size: 24px 24px; box-shadow: inset 0 0 0 6px #173f52, inset 0 0 0 8px rgba(159,221,231,.55), 8px 8px 0 #c7d7d8; }
.bs-art .hp--blueprint .hp__n { color: #eef9ff; background: #173f52; border: 2px solid #a6e1e9; box-shadow: 0 0 0 5px rgba(126,202,216,.16); }

body .bs-art h2.hp--concrete { overflow: hidden; padding-left: 40px; color: #353c3a; border: 3px solid #6d7774; border-radius: 14px 50px 14px 50px; background-color: #d7dad4; background-image: radial-gradient(circle at 14px 19px, #f8f8f2 0 2px, transparent 2.5px), radial-gradient(circle at 38px 39px, #f8f8f2 0 1.4px, transparent 2px), radial-gradient(circle at 51px 11px, #aeb7b1 0 1px, transparent 2px); background-size: 63px 49px; box-shadow: inset 0 0 0 5px #e9ece7, 9px 9px 0 #bac1bc; }
.bs-art .hp--concrete::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 13px; background: #e6ab34; }
.bs-art .hp--concrete .hp__n { border: 3px solid #59645f; border-radius: 10px; background: #f8f7ef; box-shadow: none; transform: rotate(-8deg); }

body .bs-art h2.hp--measure { padding-bottom: 26px; border: 3px solid #282820; border-radius: 60px; background: linear-gradient(180deg, #f9d450, #e5ad23); box-shadow: inset 0 0 0 4px #ffe488, 9px 9px 0 #d3b35c; }
.bs-art .hp--measure::after { content: ""; position: absolute; left: 110px; right: 30px; bottom: 8px; height: 16px; background: repeating-linear-gradient(90deg, #3b3525 0 2px, transparent 2px 20px, #3b3525 20px 22px, transparent 22px 40px); -webkit-mask-image: linear-gradient(#000 0 60%, transparent 60%); mask-image: linear-gradient(#000 0 60%, transparent 60%); }
.bs-art .hp--measure .hp__n { border: 4px solid #2e2c27; background: #fff8d7; box-shadow: 3px 3px 0 rgba(44,40,27,.25); }

body .bs-art h2.hp--frame { border: 3px solid #4d5146; border-radius: 20px 44px 20px 44px; background: linear-gradient(135deg, #f3f0e6 0 25%, #fffdf8 25%); }

body .bs-art h2.hp--rebar { border: 2px solid #a87416; border-radius: 38px 12px 38px 12px; background: repeating-linear-gradient(45deg, transparent 0 10px, rgba(195,136,24,.18) 10px 12px), #fffdf8; }
.bs-art .hp--rebar .hp__n { border-radius: 50% 0 50% 0; }

body .bs-art h2.hp--arch { margin-left: 34px; padding-left: 20px; border: 2px solid #302e27; border-radius: 55px 55px 14px 14px; background: #fffdf8; box-shadow: 8px 8px 0 rgba(211,149,23,.38); }
.bs-art .hp--arch .hp__n { margin-left: -59px; transform: rotate(-10deg); }

/* «Паспорт» (Codex 02, витрина «Паспорт материала») — корешок с номером за пунктиром, как у квитанции. Смета 10×10 (30.09.2026) */
body .bs-art h2.hp--ticket { gap: 34px; padding-left: 17px; border: 2px solid #dcbc62; border-radius: 22px; background: linear-gradient(90deg, #f7d674 0 90px, #fffdf8 90px); box-shadow: 7px 7px 0 rgba(185,130,19,.22); }
.bs-art .hp--ticket::before { content: ""; position: absolute; left: 90px; top: 12px; bottom: 12px; border-left: 2px dashed #b88313; }
.bs-art .hp--ticket .hp__n { color: #fff; background: #2e2d29; border-color: #2e2d29; box-shadow: none; }

/* «Лента работ» (Codex 04) — для статей о порядке работ: тёмная лента, номер этапа янтарём. «Установка перемычек» (23.10.2026) */
body .bs-art h2.hp--ribbon { color: #fff; border-radius: 48px 16px 16px 48px; background: linear-gradient(90deg, #4a5d64, #607b83); box-shadow: 8px 8px 0 rgba(48,69,75,.18); }
.bs-art .hp--ribbon .hp__n { color: #2b3234; background: #f4c34b; border-color: #f4c34b; }

@media (max-width: 640px) {
    body .bs-art h2.hp { gap: 13px; min-height: 76px; padding: 12px 16px; font-size: 1.05rem; margin-right: 6px; }
    .bs-art .hp__n { width: 46px; height: 46px; font-size: 1rem; border-width: 4px; }
    body .bs-art h2.hp--concrete { padding-left: 24px; }
    .bs-art .hp--measure::after { left: 76px; right: 22px; }
    body .bs-art h2.hp--arch { margin-left: 26px; }
    .bs-art .hp--arch .hp__n { margin-left: -42px; }
    body .bs-art h2.hp--ticket { gap: 28px; padding-left: 13px; background: linear-gradient(90deg, #f7d674 0 72px, #fffdf8 72px); }
    .bs-art .hp--ticket::before { left: 72px; }
}

/* «Каркас дома» — домик справа карандашным контуром, без заливки (владелец 25.09.2026) */
body .bs-art h2.hp--frame { padding-right: 112px; }
.bs-art .hp--frame::after { content: ""; position: absolute; right: 24px; top: 50%; width: 70px; height: 70px; transform: translateY(-50%); opacity: .8; background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%235a554b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 50 50 15l42 35M16 48v38h68V48M24 49h24v19H24zM56 49h20v19H56zM39 86V66h19v20M19 38h62M50 19v67M24 75h9m32 0h11M28 55h16m16 0h12'/%3E%3C/svg%3E"); }
@media (max-width: 640px) {
    body .bs-art h2.hp--frame { padding-right: 64px; }
    .bs-art .hp--frame::after { right: 12px; width: 44px; height: 44px; }
}

/* Узкая картинка по центру (чертёж, схема — не на всю ширину) */
.bs-art .inline-img.inline-img--narrow { max-width: 620px; margin-left: auto; margin-right: auto; }

/* Сравнение «плохо / хорошо» на одном фото: подписи поверх кадра (с 28.09.2026) */
.bs-art .inline-img--vs { max-width: 680px; margin-left: auto; margin-right: auto; }
.bs-art .vs-frame { position: relative; }
.bs-art .vs-tag { position: absolute; top: 12px; padding: 6px 12px; border-radius: 8px; font-weight: 800; font-size: .92rem; line-height: 1.2; box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.bs-art .vs-tag--bad { left: 12px; background: #c0392b; color: #fff; }
.bs-art .vs-tag--good { right: 12px; background: var(--bs-accent); color: #1a1a1a; }
.bs-art .inline-img--vs .cap { text-align: left; }

/* Расчёт «два варианта рядом» — таблица внутри .calc (28.09.2026, статья «Керамзитоблок или полистиролбетон»):
   <div class="calc__table-wrap"><table class="calc__table"><tr><th></th><th>Вариант</th><th class="is-ours">Наш</th></tr>
   <tr><td>Строка</td><td>…</td><td class="is-ours">…</td></tr> … <tr class="calc__sum">…</tr></table></div> */
.bs-art .calc__table-wrap { overflow-x: auto; margin: 4px 0 14px; }
body .bs-art table.calc__table { width: 100%; border-collapse: collapse; margin: 0; font-size: .98rem; background: transparent; border: 0; }
body .bs-art table.calc__table th, body .bs-art table.calc__table td { padding: 9px 12px; border: 0; border-bottom: 1px solid rgba(255,255,255,.16); color: #fff; background: transparent; vertical-align: top; text-align: left; }
body .bs-art table.calc__table th { font-weight: 800; text-align: center; border-bottom: 2px solid rgba(255,255,255,.35); }
body .bs-art table.calc__table th.is-ours { background: var(--bs-accent); color: #1a1a1a; border-radius: 8px 8px 0 0; border-bottom-color: var(--bs-accent); }
body .bs-art table.calc__table td:not(:first-child) { text-align: center; font-weight: 700; }
body .bs-art table.calc__table td:first-child { color: rgba(255,255,255,.8); }
body .bs-art table.calc__table td + td, body .bs-art table.calc__table th + th { border-left: 1px solid rgba(255,255,255,.22); } /* колонки — разделяющими полосами; жёлтым только название нашего материала в шапке (владелец 28.09) */
body .bs-art table.calc__table tr.calc__sum td { font-size: 1.08rem; border-bottom: 0; padding-top: 12px; }
/* телефон: подпись строки — отдельной строкой, под ней два значения рядом */
@media (max-width: 640px) {
    body .bs-art table.calc__table { font-size: .9rem; }
    body .bs-art table.calc__table tr { display: grid; grid-template-columns: 1fr 1fr; }
    body .bs-art table.calc__table th, body .bs-art table.calc__table td { padding: 7px 8px; }
    body .bs-art table.calc__table th:first-child { display: none; }
    body .bs-art table.calc__table th, body .bs-art table.calc__table td { min-width: 0; overflow-wrap: anywhere; }
    body .bs-art table.calc__table td:first-child { grid-column: 1 / -1; padding: 10px 2px 2px; border-bottom: 0; font-size: .82rem; }
    body .bs-art table.calc__table td:nth-child(2), body .bs-art table.calc__table th:nth-child(2) { border-left: 0; }
}

/* «Сравнение материалов» (Codex 13) — два блока и VS справа. Одна плашка на всю серию статей-сравнений
   (владелец 28.09.2026: «тема одна» — керамзитоблок, газобетон и следующие «против…»). */
body .bs-art h2.hp--compare { padding-right: 232px; color: #3c4648; border: 2px solid #7e8888; border-radius: 16px 40px 16px 40px; background: #edf0ed; box-shadow: 8px 8px 0 #c8cfcc; }
.bs-art .hp--compare .hp__n { border-color: #7e8888; background: #f8faf7; box-shadow: 3px 3px 0 rgba(62,72,72,.2); }
.bs-art .hp--compare::after { content: ""; position: absolute; right: 18px; top: 50%; width: 196px; height: 80px; transform: translateY(-50%); background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 82' stroke='%23596567' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath fill='%23d8ddda' d='M8 29h55v37H8z'/%3E%3Cpath fill='%23eef1ed' d='M8 29 25 17h55L63 29z'/%3E%3Cpath fill='%23c4cdca' d='M63 29 80 17v37L63 66z'/%3E%3Cpath fill='%23f8faf7' d='M120 29h55v37h-55z'/%3E%3Cpath fill='%23fff' d='m120 29 17-12h55l-17 12z'/%3E%3Cpath fill='%23d5ddda' d='m175 29 17-12v37l-17 12z'/%3E%3Ctext x='99' y='52' text-anchor='middle' fill='%23e3a322' stroke='none' font-family='Arial,sans-serif' font-weight='700' font-size='17'%3EVS%3C/text%3E%3C/svg%3E"); }
@media (max-width: 640px) {
    body .bs-art h2.hp--compare { padding-right: 16px; }
    .bs-art .hp--compare::after { display: none; } /* на телефоне длинные слова наезжают на рисунок */
}

/* «Лента работ» (Codex 04) — сине-серая лента, янтарный номер; справа кладка из длинных мегаблоков вперевязку
   (статья о мегаблоках, 13.10.2026). */
body .bs-art h2.hp--ribbon { padding-right: 236px; color: #fff; border-radius: 48px 16px 16px 48px; background: linear-gradient(90deg, #4a5d64, #607b83); box-shadow: 8px 8px 0 rgba(48,69,75,.18); }
.bs-art .hp--ribbon .hp__n { color: #2b3234; background: #f4c34b; border-color: #f4c34b; box-shadow: 3px 3px 0 rgba(20,30,33,.3); }
.bs-art .hp--ribbon .hp__k { opacity: .8; }
.bs-art .hp--ribbon::after { content: ""; position: absolute; right: 22px; top: 50%; width: 196px; height: 70px; transform: translateY(-50%); background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 72' fill='rgba(255,255,255,.13)' stroke='%23e4ecee' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M4 4h62v19H4zM70 4h62v19H70zM136 4h60v19h-60zM4 27h29v19H4zM37 27h62v19H37zM103 27h62v19h-62zM169 27h27v19h-27zM4 50h62v19H4zM70 50h62v19H70zM136 50h60v19h-60z'/%3E%3Cpath fill='none' stroke='%23f4c34b' stroke-width='2.4' d='M14 4l4-3h28l4 3M80 4l4-3h28l4 3'/%3E%3C/svg%3E"); }
@media (max-width: 640px) {
    body .bs-art h2.hp--ribbon { padding-right: 16px; }
    .bs-art .hp--ribbon::after { display: none; }
}

/* Два фото рядом для сравнения (28.09.2026): одинаковая высота, своя подпись у каждого, на телефоне тоже рядом.
   <div class="img-pair"><figure><img src="a.jpg" alt="…"><figcaption>…</figcaption></figure><figure>…</figure></div> */
.bs-art .img-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 26px 0; }
.bs-art .img-pair figure { margin: 0; }
body .bs-art .img-pair img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; margin: 0; }
.bs-art .img-pair figcaption { margin-top: 8px; font-size: .92rem; line-height: 1.4; color: #5c574c; }
.bs-art .img-pair figcaption b { display: block; color: #292720; }
@media (max-width: 640px) { .bs-art .img-pair { gap: 10px; } .bs-art .img-pair figcaption { font-size: .82rem; } }

/* .honest в две колонки — слабые места двух материалов рядом (01.10.2026, «Пеноблок») */
.bs-art .honest__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bs-art .honest__col { background: #fff; border: 1px solid var(--bs-border); border-radius: 10px; overflow: hidden; }
.bs-art .honest__name { display: block; padding: 10px 16px; font-weight: 800; font-size: 1.02rem; color: var(--bs-primary); background: #efe8dd; }
.bs-art .honest__col.is-ours { border-color: var(--bs-accent); }
.bs-art .honest__col.is-ours .honest__name { background: var(--bs-accent); color: var(--bs-brown-dark); }
body .bs-art .honest__col ul { padding: 12px 16px 14px 34px; }
@media (max-width: 640px) { .bs-art .honest__cols { grid-template-columns: 1fr; } }

/* Интерактив «Поднесите огонь к стене» (.fire-sim) — статья «Пожаростойкость», 12.10.2026; фото-кадры вместо SVG.
   Фотокадры Codex (4 стены × 3 силы огня), разметка + скрипт — в самой статье; кадры сменяются сами (авто-показ, стоп по нажатию), плавное наложение, мерцание и искры — CSS. */
.bs-art .fire-sim { border: 1px solid var(--bs-border); border-radius: 14px; padding: 20px 22px 18px; margin: 26px 0 30px; background: #fffdf8; }
.bs-art .fire-sim__title { font-weight: 800; font-size: 1.12rem; color: var(--bs-primary); margin: 0 0 4px; }
.bs-art .fire-sim__hint { font-size: .9rem; color: var(--bs-text-light); margin: 0 0 14px; }
.bs-art .fire-sim__walls { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.bs-art .fire-sim__walls button { font: inherit; font-size: .92rem; padding: 8px 14px; border-radius: 999px; border: 1px solid #d9cfc0; background: #fff; color: var(--bs-text); cursor: pointer; }
.bs-art .fire-sim__walls button:hover { border-color: var(--bs-accent); }
.bs-art .fire-sim__walls button.is-on { background: var(--bs-accent); border-color: var(--bs-accent); color: #1a1a1a; font-weight: 700; }
.bs-art .fire-sim__stage { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; align-items: center; margin-bottom: 14px; }
.bs-art .fire-sim__stage label { font-weight: 700; font-size: .95rem; color: var(--bs-primary); }
.bs-art .fire-sim__stage input[type=range] { width: 100%; accent-color: #d9631e; }
.bs-art .fire-sim__ticks { grid-column: 2; display: flex; justify-content: space-between; font-size: .82rem; color: var(--bs-text-light); }
.bs-art .fire-sim__ticks span.is-on { color: #b4481a; font-weight: 700; }
.bs-art .fire-sim__pic { position: relative; border-radius: 10px; overflow: hidden; background: #3a332d; aspect-ratio: 3 / 2; margin-bottom: 14px; }
.bs-art .fire-sim__pic img.fire-sim__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; margin: 0; border-radius: 0; max-width: none; opacity: 0; transform: scale(1); transition: opacity .9s ease, transform 6s ease-out; }
.bs-art .fire-sim__pic img.fire-sim__img.is-on { opacity: 1; transform: scale(1.04); }
/* живой огонь поверх кадра: мерцающий отсвет (сила — по классу is-s0/1/2) и искры при костре и пожаре */
.bs-art .fire-sim__glow { position: absolute; inset: 0; pointer-events: none; mix-blend-mode: screen; transition: background .9s ease; animation: fireSimFlick 1.6s infinite; }
.bs-art .fire-sim__glow.is-s0 { background: radial-gradient(28% 34% at 22% 78%, rgba(255,140,40,.45), transparent 70%); }
.bs-art .fire-sim__glow.is-s1 { background: radial-gradient(60% 45% at 45% 100%, rgba(255,120,30,.5), transparent 75%); }
.bs-art .fire-sim__glow.is-s2 { background: radial-gradient(90% 75% at 45% 85%, rgba(255,110,25,.55), transparent 80%); }
@keyframes fireSimFlick { 0% { opacity: .55; } 12% { opacity: .9; } 25% { opacity: .6; } 38% { opacity: 1; } 52% { opacity: .7; } 66% { opacity: .95; } 80% { opacity: .58; } 100% { opacity: .55; } }
.bs-art .fire-sim__sparks { position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .6s; }
.bs-art .fire-sim__pic.is-s1 .fire-sim__sparks, .bs-art .fire-sim__pic.is-s2 .fire-sim__sparks { opacity: 1; }
.bs-art .fire-sim__sparks i { position: absolute; bottom: 4%; width: 4px; height: 4px; border-radius: 50%; background: #ffd27a; box-shadow: 0 0 6px 2px rgba(255,150,40,.8); opacity: 0; animation: fireSimSpark 2.6s linear infinite; }
.bs-art .fire-sim__sparks i:nth-child(1) { left: 18%; animation-delay: 0s; }
.bs-art .fire-sim__sparks i:nth-child(2) { left: 27%; animation-delay: .7s; animation-duration: 2.2s; }
.bs-art .fire-sim__sparks i:nth-child(3) { left: 35%; animation-delay: 1.4s; }
.bs-art .fire-sim__sparks i:nth-child(4) { left: 43%; animation-delay: .3s; animation-duration: 3s; }
.bs-art .fire-sim__sparks i:nth-child(5) { left: 51%; animation-delay: 1.9s; animation-duration: 2.4s; }
.bs-art .fire-sim__sparks i:nth-child(6) { left: 59%; animation-delay: 1.1s; }
.bs-art .fire-sim__sparks i:nth-child(7) { left: 66%; animation-delay: 2.2s; animation-duration: 2.8s; }
.bs-art .fire-sim__sparks i:nth-child(8) { left: 31%; animation-delay: 1.6s; animation-duration: 2s; }
@keyframes fireSimSpark { 0% { transform: translate(0, 0); opacity: 0; } 10% { opacity: 1; } 100% { transform: translate(18px, -260px); opacity: 0; } }
.bs-art .fire-sim__cap { position: absolute; left: 10px; bottom: 14px; max-width: calc(100% - 70px); padding: 5px 11px; border-radius: 999px; font-size: .85rem; font-weight: 700; color: #fff; background: rgba(30,24,20,.72); }
.bs-art .fire-sim__play { position: absolute; right: 10px; bottom: 12px; width: 38px; height: 38px; border-radius: 50%; border: 0; padding: 0; font-size: .95rem; line-height: 38px; text-align: center; color: #fff; background: rgba(30,24,20,.72); cursor: pointer; }
.bs-art .fire-sim__play:hover { background: #d9631e; }
.bs-art .fire-sim__bar { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: rgba(0,0,0,.25); }
.bs-art .fire-sim__bar b { display: block; width: 0; height: 100%; background: #f0a030; }
@media (prefers-reduced-motion: reduce) { .bs-art .fire-sim__glow, .bs-art .fire-sim__sparks i { animation: none; } .bs-art .fire-sim__pic img.fire-sim__img { transform: none; transition: opacity .3s; } .bs-art .fire-sim__sparks { display: none; } }
.bs-art .fire-sim__badge { position: absolute; top: 10px; right: 10px; padding: 5px 11px; border-radius: 999px; font-size: .85rem; font-weight: 700; background: rgba(255,255,255,.92); color: #2f6f8f; box-shadow: 0 1px 4px rgba(0,0,0,.25); }
.bs-art .fire-sim__badge.is-t1 { color: #b06d10; }
.bs-art .fire-sim__badge.is-t2 { color: #fff; background: #c0392b; }
.bs-art .fire-sim__ticks span { cursor: pointer; }
.bs-art .fire-sim__out { margin-top: 12px; padding: 12px 14px; border-radius: 10px; background: #fff; border-left: 4px solid var(--bs-accent); }
.bs-art .fire-sim__out.is-bad { border-left-color: #c0392b; }
.bs-art .fire-sim__verdict { font-weight: 800; color: var(--bs-primary); margin-bottom: 4px; }
.bs-art .fire-sim__out.is-bad .fire-sim__verdict { color: #a93226; }
body .bs-art .fire-sim__out p { margin: 0; font-size: .97rem; }
.bs-art .fire-sim__out { transition: border-color .4s; }
@media (max-width: 640px) { .bs-art .fire-sim { padding: 16px 14px; } .bs-art .fire-sim__walls { display: grid; grid-template-columns: 1fr 1fr; } .bs-art .fire-sim__walls button { font-size: .86rem; padding: 8px 6px; line-height: 1.2; } .bs-art .fire-sim__walls button:last-child:nth-child(odd) { grid-column: 1 / -1; } .bs-art .fire-sim__badge { font-size: .78rem; top: 8px; right: 8px; padding: 4px 9px; } .bs-art .fire-sim__cap { font-size: .74rem; padding: 4px 9px; left: 8px; bottom: 12px; } .bs-art .fire-sim__play { width: 32px; height: 32px; line-height: 32px; right: 8px; bottom: 10px; } .bs-art .fire-sim__stage { grid-template-columns: 1fr; } .bs-art .fire-sim__ticks { grid-column: 1; } }

/* счётчик просмотров в карточках «Вам также может понравиться» — с подписью */
.post-card__views::after{content:" просмотров";}

/* Карта с мигающими точками «под вопросом» (.map-live + .map-q) — статья «Производители полистиролбетона», 12.10.2026.
   Знак «?» нарисован на самой картинке; здесь — только пульсирующее кольцо поверх, по процентам от картинки. */
.bs-art .map-live { position: relative; }
.bs-art .map-q { position: absolute; width: 3.4%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; border: 2px solid #d9822b; pointer-events: none; animation: mapQPulse 1.6s ease-out infinite; }
.bs-art .map-q--medvedevo { left: 32.0%; top: 39.1%; }
.bs-art .map-q--omsk { left: 52.2%; top: 64.0%; }
.bs-art .map-q--krasnoyarsk { left: 72.1%; top: 68.6%; }
.bs-art .map-q--mosk { left: 21.4%; top: 25.9%; }
@keyframes mapQPulse { 0% { transform: translate(-50%, -50%) scale(.7); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(2.2); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .bs-art .map-q { animation: none; opacity: .8; } }

/* Древо производителей (.psb-tree) и график цен (.psb-bars) — статья «Производители полистиролбетона», 12.10.2026. */
.bs-art .psb-tree { margin: 22px 0 30px; }
.bs-art .psb-tree__root { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; background: var(--bs-brown-dark); color: #fff; border-radius: 14px; padding: 14px 18px; }
.bs-art .psb-tree__root-t { font-weight: 800; font-size: 1.15rem; }
.bs-art .psb-tree__root-n { font-size: .95rem; opacity: .92; }
.bs-art .psb-tree__root-n b { color: var(--bs-accent); font-size: 1.1rem; }
.bs-art .psb-tree__toggle { margin-left: auto; font: inherit; font-size: .85rem; background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.45); border-radius: 999px; padding: 5px 12px; cursor: pointer; }
.bs-art .psb-tree__toggle:hover { border-color: var(--bs-accent); color: var(--bs-accent); }
.bs-art .psb-tree__br { position: relative; margin: 0 0 0 22px; padding: 14px 0 0 22px; border-left: 2px solid #d9c9b0; }
.bs-art .psb-tree__br:last-of-type { border-left-color: transparent; }
.bs-art .psb-tree__br:last-of-type::after { content: ""; position: absolute; left: -2px; top: 0; height: 36px; border-left: 2px solid #d9c9b0; }
.bs-art .psb-tree__br > summary { position: relative; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; cursor: pointer; list-style: none; padding: 8px 14px; background: var(--bs-accent-bg); border: 1px solid #f0dcb4; border-radius: 10px; }
.bs-art .psb-tree__br > summary::-webkit-details-marker { display: none; }
.bs-art .psb-tree__br > summary::before { content: ""; position: absolute; left: -24px; top: 50%; width: 22px; border-top: 2px solid #d9c9b0; }
.bs-art .psb-tree__br > summary::after { content: "−"; margin-left: auto; font-weight: 700; color: var(--bs-accent-dark); }
.bs-art .psb-tree__br:not([open]) > summary::after { content: "+"; }
.bs-art .psb-tree__reg { font-weight: 800; color: var(--bs-primary); }
.bs-art .psb-tree__cnt { font-size: .88rem; color: var(--bs-text-light); }
body .bs-art .psb-tree__leaves { list-style: none; margin: 10px 0 0 18px; padding: 0 0 0 18px; border-left: 2px dashed #e4d6c0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
body .bs-art .psb-tree__leaf { position: relative; margin: 0; padding: 10px 12px 11px; background: #fff; border: 1px solid var(--bs-border); border-radius: 10px; font-size: .92rem; line-height: 1.35; display: flex; flex-direction: column; gap: 3px; transition: transform .15s, box-shadow .15s; }
.bs-art .psb-tree__leaf:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(58,46,31,.1); }
.bs-art .psb-tree__leaf strong { font-size: .97rem; }
.bs-art .psb-tree__place { color: var(--bs-text-light); font-size: .85rem; }
.bs-art .psb-tree__what { color: var(--bs-text); }
.bs-art .psb-tree__leaf.is-we { background: var(--bs-accent-bg); border: 2px solid var(--bs-accent); }
.bs-art .psb-tree__leaf.is-q { border: 2px dashed #d9822b; background: #fffdf8; padding-right: 38px; }
.bs-art .psb-tree__leaf.is-q strong { color: var(--bs-text-light); }
.bs-art .psb-tree__why { color: #b5651d; font-size: .85rem; font-style: italic; }
.bs-art .psb-tree__q { position: absolute; right: 9px; top: 9px; width: 22px; height: 22px; border-radius: 50%; background: #d9822b; color: #fff; font-weight: 800; font-size: .85rem; display: flex; align-items: center; justify-content: center; animation: psbQBlink 1.4s ease-in-out infinite; }
@keyframes psbQBlink { 0%, 100% { box-shadow: 0 0 0 0 rgba(217,130,43,.55); opacity: 1; } 50% { box-shadow: 0 0 0 7px rgba(217,130,43,0); opacity: .55; } }
.bs-art .psb-tree.is-hide-q .is-q { display: none; }
.bs-art .psb-tree__note { margin: 14px 0 0; font-size: .85rem; color: var(--bs-text-light); }
@media (max-width: 640px) {
    .bs-art .psb-tree__br { margin-left: 8px; padding-left: 14px; }
    .bs-art .psb-tree__br > summary::before { left: -16px; width: 14px; }
    body .bs-art .psb-tree__leaves { margin-left: 6px; padding-left: 10px; grid-template-columns: 1fr; }
    .bs-art .psb-tree__toggle { margin-left: 0; }
}

.bs-art .psb-bars { border: 1px solid var(--bs-border); border-radius: 14px; padding: 18px 20px 16px; margin: 22px 0 26px; background: #fffdf8; }
.bs-art .psb-bars__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.bs-art .psb-bars__title { font-weight: 800; font-size: 1.12rem; color: var(--bs-primary); }
.bs-art .psb-bars__tabs { display: inline-flex; background: #f1e9dc; border-radius: 999px; padding: 3px; }
.bs-art .psb-bars__tabs button { font: inherit; font-weight: 700; border: 0; background: transparent; color: var(--bs-text); padding: 6px 18px; border-radius: 999px; cursor: pointer; }
.bs-art .psb-bars__tabs button.is-on { background: var(--bs-accent); color: #1a1a1a; }
body .bs-art .psb-bars__list { position: relative; list-style: none; margin: 0; padding: 0; }
body .bs-art .psb-bars__row { display: grid; grid-template-columns: minmax(150px, 34%) 1fr 104px; align-items: center; gap: 12px; margin: 0; padding: 7px 8px; border-radius: 8px; }
.bs-art .psb-bars__row:hover { background: #f8f1e5; }
.bs-art .psb-bars__who { font-size: .9rem; line-height: 1.25; color: var(--bs-text-light); }
.bs-art .psb-bars__who strong { display: block; font-size: .95rem; }
.bs-art .psb-bars__track { position: relative; height: 16px; background: #f1e9dc; border-radius: 999px; }
.bs-art .psb-bars__track::after { content: ""; position: absolute; top: -5px; bottom: -5px; left: var(--avg); border-left: 2px dashed #8a7a66; }
.bs-art .psb-bars__bar { display: block; height: 100%; border-radius: 999px; background: #8b6b4a; transition: width .6s cubic-bezier(.2,.8,.2,1); }
.bs-art .psb-bars__v { font-weight: 800; color: var(--bs-primary); text-align: right; white-space: nowrap; line-height: 1.15; }
.bs-art .psb-bars__v small { display: block; font-weight: 400; font-size: .74rem; color: var(--bs-text-light); white-space: normal; }
.bs-art .psb-bars__row.is-we { background: var(--bs-accent-bg); outline: 2px solid var(--bs-accent); }
.bs-art .psb-bars__row.is-we .psb-bars__bar { background: var(--bs-accent); }
.bs-art .psb-bars__row.is-we .psb-bars__who { color: var(--bs-primary); }
.bs-art .psb-bars__avg { margin: 10px 8px 0; font-size: .88rem; color: var(--bs-text-light); }
.bs-art .psb-bars__note { margin: 8px 8px 0; font-size: .82rem; color: var(--bs-text-light); }
@media (max-width: 640px) {
    .bs-art .psb-bars { padding: 14px 10px 12px; }
    body .bs-art .psb-bars__row { grid-template-columns: 1fr auto; gap: 4px 10px; }
    .bs-art .psb-bars__track { grid-column: 1 / -1; grid-row: 2; height: 12px; }
}
@media (prefers-reduced-motion: reduce) { .bs-art .psb-tree__q { animation: none; } .bs-art .psb-bars__bar { transition: none; } }
/* График цен: размытая строка (название и цена скрыты, место видно), 12.10.2026. */
.bs-art .psb-bars__row.is-blur .psb-bars__who strong, .bs-art .psb-bars__row.is-blur .psb-bars__v, .bs-art .psb-bars__row.is-blur .psb-bars__bar { filter: blur(5px); user-select: none; pointer-events: none; }
.bs-art .psb-tree__leaf.is-blur strong { filter: blur(5px); user-select: none; }

/* Лента закрытых производств (.psb-gone) и круг «почему цехов меньше» (.psb-ring) — статья «Производители полистиролбетона», 12.10.2026. */
.bs-art .psb-gone { border: 1px solid var(--bs-border); border-radius: 14px; padding: 18px 20px 14px; margin: 22px 0 26px; background: #fffdf8; }
.bs-art .psb-gone__title { font-weight: 800; font-size: 1.05rem; color: var(--bs-primary); margin-bottom: 14px; }
.bs-art .psb-gone__axis { display: grid; grid-template-columns: repeat(11, 1fr); gap: 6px; align-items: end; border-bottom: 2px solid #cdbfa9; padding-bottom: 0; min-height: 170px; }
.bs-art .psb-gone__col { display: flex; flex-direction: column-reverse; align-items: stretch; gap: 5px; position: relative; padding-bottom: 26px; }
.bs-art .psb-gone__y { position: absolute; bottom: -24px; left: 0; right: 0; text-align: center; font-size: .78rem; color: var(--bs-text-light); }
.bs-art .psb-gone__col::after { content: ""; position: absolute; bottom: -6px; left: 50%; width: 2px; height: 8px; background: #cdbfa9; }
.bs-art .psb-gone__chip { display: block; background: #e9e1d4; border-radius: 7px; padding: 5px 4px; text-align: center; font-size: .72rem; line-height: 1.2; color: #6b5d4e;
    opacity: 0; transform: translateY(-14px); transition: opacity .45s, transform .45s; }
.bs-art .psb-gone__chip b { display: block; font-weight: 700; color: #5a4c3e; text-decoration: line-through; text-decoration-color: #b4553a; }
.bs-art .psb-gone__chip small { display: block; font-size: .66rem; color: #8a7a66; margin-top: 2px; }
.bs-art .psb-gone.is-on .psb-gone__chip { opacity: 1; transform: none; }
.bs-art .psb-gone__col:nth-child(1) .psb-gone__chip { transition-delay: .1s; }
.bs-art .psb-gone__col:nth-child(3) .psb-gone__chip { transition-delay: .35s; }
.bs-art .psb-gone__col:nth-child(5) .psb-gone__chip { transition-delay: .6s; }
.bs-art .psb-gone__col:nth-child(6) .psb-gone__chip { transition-delay: .85s; }
.bs-art .psb-gone__col:nth-child(8) .psb-gone__chip { transition-delay: 1.1s; }
.bs-art .psb-gone__col:nth-child(10) .psb-gone__chip { transition-delay: 1.35s; }
.bs-art .psb-gone__col.is-now .psb-gone__y { color: var(--bs-accent-dark); font-weight: 800; }
.bs-art .psb-gone__note { margin-top: 34px; font-size: .82rem; color: var(--bs-text-light); }
@media (max-width: 640px) {
    .bs-art .psb-gone { padding: 14px 12px 12px; }
    .bs-art .psb-gone__axis { grid-template-columns: 1fr; min-height: 0; border-bottom: 0; border-left: 2px solid #cdbfa9; gap: 0; }
    .bs-art .psb-gone__col { flex-direction: row; flex-wrap: wrap; padding: 4px 0 4px 54px; gap: 5px; min-height: 22px; }
    .bs-art .psb-gone__col:not(:has(.psb-gone__chip)):not(.is-now) { display: none; }
    .bs-art .psb-gone__y { position: absolute; left: 8px; right: auto; top: 6px; bottom: auto; text-align: left; }
    .bs-art .psb-gone__col::after { display: none; }
    .bs-art .psb-gone__chip { flex: 0 1 auto; padding: 5px 9px; text-align: left; }
    .bs-art .psb-gone__note { margin-top: 12px; }
}

.bs-art .psb-ring { position: relative; width: 100%; max-width: 560px; aspect-ratio: 1 / .82; margin: 26px auto 30px; }
.bs-art .psb-ring::before { content: ""; position: absolute; left: 50%; top: 50%; width: 62%; aspect-ratio: 1; transform: translate(-50%, -50%);
    border: 2px dashed #cdbfa9; border-radius: 50%; animation: psbRingSpin 40s linear infinite; }
@keyframes psbRingSpin { to { transform: translate(-50%, -50%) rotate(360deg); } }
.bs-art .psb-ring__c { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 34%; text-align: center; }
.bs-art .psb-ring__c b { display: block; font-size: 1.15rem; line-height: 1.15; color: #b4553a; }
.bs-art .psb-ring__c span { display: block; font-size: .78rem; color: var(--bs-text-light); margin-top: 6px; }
body .bs-art .psb-ring__list { list-style: none; margin: 0; padding: 0; }
body .bs-art .psb-ring__n { position: absolute; width: 168px; margin: 0; padding: 9px 11px; border-radius: 12px; background: #fff; border: 1px solid var(--bs-border);
    box-shadow: 0 2px 8px rgba(60, 40, 20, .07); text-align: center; transition: background .35s, border-color .35s, transform .35s;
    left: calc(50% + 39% * sin(var(--k) * 72deg)); top: calc(50% - 40% * cos(var(--k) * 72deg)); transform: translate(-50%, -50%); }
.bs-art .psb-ring__n b { display: block; font-size: .92rem; color: var(--bs-primary); line-height: 1.2; }
.bs-art .psb-ring__n span { display: block; font-size: .76rem; color: var(--bs-text-light); margin-top: 3px; line-height: 1.25; }
.bs-art .psb-ring__n.is-on { background: var(--bs-accent-bg); border-color: var(--bs-accent); transform: translate(-50%, -50%) scale(1.06); }
@media (max-width: 640px) {
    .bs-art .psb-ring { aspect-ratio: auto; max-width: none; }
    .bs-art .psb-ring::before { display: none; }
    .bs-art .psb-ring__c { position: static; transform: none; width: auto; margin-top: 10px; }
    .bs-art .psb-ring__c b br { display: none; }
    body .bs-art .psb-ring__list { display: flex; flex-direction: column; gap: 22px; }
    body .bs-art .psb-ring__n { position: relative; left: auto; top: auto; width: auto; transform: none; }
    .bs-art .psb-ring__n.is-on { transform: scale(1.02); }
    .bs-art .psb-ring__n:not(:last-child)::after { content: "↓"; position: absolute; left: 50%; bottom: -21px; transform: translateX(-50%); color: #b4553a; font-weight: 700; }
    .bs-art .psb-ring { display: flex; flex-direction: column-reverse; }
    .bs-art .psb-ring__c::before { content: "↻ "; color: #b4553a; font-weight: 700; }
}
@media (prefers-reduced-motion: reduce) { .bs-art .psb-ring::before { animation: none; } .bs-art .psb-gone__chip { transition: none; } }

/* .go-links--wide — одна плашка перехода во всю ширину абзаца, низкая: заголовок и пояснение в строку (12.10.2026) */
.bs-art .go-links--wide { grid-template-columns: 1fr; margin: 4px 0 26px; }
body .bs-art .go-links--wide a.go { padding: 9px 12px 9px 18px; }
.bs-art .go-links--wide .go__text { flex-direction: row; align-items: baseline; flex-wrap: wrap; column-gap: 12px; }
.bs-art .go-links--wide .go__title { font-size: 1.02rem; }
.bs-art .go-links--wide .go__desc { margin-top: 0; }
.bs-art .go-links--wide .go__arrow { flex: 0 0 34px; height: 34px; }
.bs-art .go-links--wide .go__arrow::before { left: 9px; top: 15px; width: 14px; height: 4px; }
.bs-art .go-links--wide .go__arrow::after { left: 13px; top: 11px; width: 9px; height: 9px; }
.bs-art .psb-gone__chip.is-open { background: transparent; border: 1.5px dashed #d9822b; color: #b0681f; }
.bs-art .psb-gone__chip.is-open b { text-decoration: none; color: #b0681f; font-weight: 600; }
.bs-art .psb-gone__off { margin-top: 34px; padding: 10px 14px; border-left: 3px solid #d9822b; background: #fff6ea; border-radius: 0 8px 8px 0; font-size: .9rem; line-height: 1.45; }
.bs-art .psb-gone__off + .psb-gone__note { margin-top: 10px; }
@media (max-width: 640px) { .bs-art .psb-gone__off { margin-top: 12px; } }

/* Строка логотипов производителей под картой (.psb-logos), 12.10.2026: сероватые, в цвет при наведении. */
body .bs-art .psb-logos { list-style: none; margin: 4px 0 22px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 8px; }
body .bs-art .psb-logos li { margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 10px 8px 8px; background: #fff; border: 1px solid var(--bs-border); border-radius: 10px; min-height: 76px; }
body .bs-art .psb-logos img { display: block; height: 30px; width: auto; max-width: 100%; object-fit: contain; filter: grayscale(1) contrast(.9); opacity: .75; transition: filter .25s, opacity .25s; margin: 0; }
body .bs-art .psb-logos li:hover img { filter: none; opacity: 1; }
.bs-art .psb-logos__txt { font-weight: 800; font-size: .8rem; overflow-wrap: anywhere; max-width: 100%; color: #6b5d4e; text-align: center; line-height: 1.15; }
.bs-art .psb-logos small { font-size: .72rem; color: var(--bs-text-light); text-align: center; line-height: 1.2; }
@media (max-width: 640px) { body .bs-art .psb-logos { grid-template-columns: repeat(3, 1fr); gap: 6px; } body .bs-art .psb-logos li { min-height: 62px; padding: 8px 4px 6px; } body .bs-art .psb-logos img { height: 22px; } .bs-art .psb-logos small { font-size: .66rem; } .bs-art .psb-logos__txt { font-size: .7rem; } }

/* Статья «Полистиролбетонные блоки» (6079), 13.10.2026: интерактивы вместо таблиц.
   .pb-box — общая рамка; .pb-tabs — изделия по вкладкам; .pb-dens — плотность ползунком и «лупа» (canvas);
   .pb-pick — «что строите» с ответом; .pb-spot — точки на фото кустарной стены; .pb-plus — плюсы карточками «Почему?».
   Разметка и скрипт — в самой статье. */
.bs-art .pb-box { border: 1px solid var(--bs-border); border-radius: 14px; padding: 20px 22px 18px; margin: 26px 0 30px; background: #fffdf8; }
.bs-art .pb-box__title { font-weight: 800; font-size: 1.12rem; color: var(--bs-primary); margin: 0 0 4px; }
.bs-art .pb-box__hint { font-size: .9rem; color: var(--bs-text-light); margin: 0 0 14px; }
.bs-art .pb-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.bs-art .pb-chips button { font: inherit; font-size: .92rem; padding: 8px 14px; border-radius: 999px; border: 1px solid #d9cfc0; background: #fff; color: var(--bs-text); cursor: pointer; }
.bs-art .pb-chips button:hover { border-color: var(--bs-accent); }
.bs-art .pb-chips button.is-on { background: var(--bs-accent); border-color: var(--bs-accent); color: #1a1a1a; font-weight: 700; }

.bs-art .pb-tabs__body { display: grid; grid-template-columns: 1.25fr 1fr; gap: 20px; align-items: center; }
.bs-art .pb-tabs__pic { position: relative; aspect-ratio: 3 / 2; border-radius: 10px; overflow: hidden; background: #f3f1ee; }
.bs-art .pb-tabs__pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; margin: 0; max-width: none; border-radius: 0; opacity: 0; transition: opacity .45s ease; }
.bs-art .pb-tabs__pic img.is-on { opacity: 1; }
.bs-art .pb-tabs__name { font-weight: 800; font-size: 1.15rem; color: var(--bs-primary); margin: 0 0 6px; }
.bs-art .pb-tabs__text p { margin: 0 0 10px; }
body .bs-art .pb-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 0; padding: 0; list-style: none; }
body .bs-art .pb-tags li { margin: 0; padding: 4px 10px; border-radius: 6px; background: var(--bs-accent-bg); border: 1px solid #f0dcb0; font-size: .85rem; font-weight: 600; color: var(--bs-brown-dark); }
body .bs-art .pb-tags li::before { display: none; }

.bs-art .pb-dens__row { display: grid; grid-template-columns: 210px 1fr; gap: 24px; align-items: center; }
.bs-art .pb-dens__lens { position: relative; width: 210px; height: 210px; border-radius: 50%; overflow: hidden; border: 6px solid #5c4530; box-shadow: 0 4px 14px rgba(0,0,0,.18); background: #8d8780; }
.bs-art .pb-dens__lens canvas { display: block; width: 100%; height: 100%; }
.bs-art .pb-dens__lens::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(60% 45% at 30% 22%, rgba(255,255,255,.25), transparent 70%); pointer-events: none; }
.bs-art .pb-dens__cap { font-size: .8rem; color: var(--bs-text-light); text-align: center; margin-top: 6px; line-height: 1.35; }
.bs-art .pb-dens__mark { font-size: 2rem; font-weight: 800; color: var(--bs-primary); line-height: 1.1; }
.bs-art .pb-dens__mark small { font-size: .95rem; font-weight: 600; color: var(--bs-text-light); margin-left: 8px; }
.bs-art .pb-dens__badge { display: inline-block; font-size: .75rem; font-weight: 700; background: var(--bs-accent); color: #1a1a1a; border-radius: 4px; padding: 1px 8px; margin-left: 8px; vertical-align: 6px; }
.bs-art .pb-dens input[type=range] { width: 100%; accent-color: var(--bs-accent); margin: 12px 0 2px; }
.bs-art .pb-dens__ticks { display: flex; justify-content: space-between; font-size: .85rem; color: var(--bs-text-light); margin-bottom: 12px; }
.bs-art .pb-dens__ticks span { cursor: pointer; }
.bs-art .pb-dens__ticks span.is-on { color: var(--bs-primary); font-weight: 800; }
.bs-art .pb-meter { display: grid; grid-template-columns: 130px 1fr; gap: 6px 10px; align-items: center; margin-bottom: 8px; font-size: .9rem; }
.bs-art .pb-meter__bar { height: 14px; border-radius: 7px; background: #f0e9df; overflow: hidden; }
.bs-art .pb-meter__bar b { display: block; height: 100%; width: 50%; border-radius: 7px; transition: width .45s ease; }
.bs-art .pb-meter--warm b { background: linear-gradient(90deg, #f2b21e, #e07b1a); }
.bs-art .pb-meter--hard b { background: linear-gradient(90deg, #9b8d7c, #5c4530); }
.bs-art .pb-dens__use { margin-top: 12px; padding: 10px 14px; background: #fff; border-left: 4px solid var(--bs-accent); border-radius: 0 8px 8px 0; }
.bs-art .pb-dens__use b { color: var(--bs-primary); }

.bs-art .pb-pick__out { border-radius: 12px; padding: 14px 16px; background: #fff; border: 1px solid var(--bs-border); border-left: 6px solid #4f8a3c; transition: border-color .3s; }
.bs-art .pb-pick__out.is-maybe { border-left-color: var(--bs-accent); }
.bs-art .pb-pick__out.is-no { border-left-color: #c0392b; }
.bs-art .pb-pick__verdict { font-weight: 800; font-size: 1.1rem; color: #3d6e2e; margin-bottom: 4px; }
.bs-art .pb-pick__out.is-maybe .pb-pick__verdict { color: var(--bs-accent-dark); }
.bs-art .pb-pick__out.is-no .pb-pick__verdict { color: #9e2a1e; }
.bs-art .pb-pick__out p { margin: 0 0 8px; }
body .bs-art a.pb-btn { display: inline-block; background: var(--bs-accent); color: #1a1a1a !important; font-weight: 700; padding: 9px 18px; border-radius: 8px; text-decoration: none; margin-top: 4px; }
body .bs-art a.pb-btn:hover { background: var(--bs-accent-hover); }

.bs-art .pb-spot__pic { position: relative; border-radius: 10px; overflow: hidden; max-width: 720px; margin: 0 auto; }
.bs-art .pb-spot__out { max-width: 720px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
.bs-art .pb-spot__pic img { display: block; width: 100%; height: auto; margin: 0; max-width: none; border-radius: 0; }
.bs-art .pb-spot__pic button { position: absolute; width: 38px; height: 38px; margin: -19px 0 0 -19px; border-radius: 50%; border: 3px solid #fff; background: rgba(234,162,0,.9); color: #1a1a1a; font: 800 1rem/32px "Segoe UI", Arial, sans-serif; text-align: center; padding: 0; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.35); animation: pbPulse 1.8s infinite; transition: transform .2s; }
.bs-art .pb-spot__pic button.is-seen { background: #c0392b; color: #fff; animation: none; }
.bs-art .pb-spot__pic button.is-on { transform: scale(1.2); box-shadow: 0 0 0 6px rgba(192,57,43,.35), 0 2px 8px rgba(0,0,0,.35); }
@keyframes pbPulse { 0% { box-shadow: 0 0 0 0 rgba(234,162,0,.7), 0 2px 8px rgba(0,0,0,.35); } 70% { box-shadow: 0 0 0 14px rgba(234,162,0,0), 0 2px 8px rgba(0,0,0,.35); } 100% { box-shadow: 0 0 0 0 rgba(234,162,0,0), 0 2px 8px rgba(0,0,0,.35); } }
.bs-art .pb-spot__out { margin-top: 12px; padding: 12px 16px; border-radius: 10px; background: #fff; border: 1px solid var(--bs-border); min-height: 92px; }
.bs-art .pb-spot__out b { color: #9e2a1e; }
.bs-art .pb-spot__out p { margin: 4px 0 0; }
.bs-art .pb-spot__out.is-done b { color: #3d6e2e; }
.bs-art .pb-spot__count { font-size: .85rem; font-weight: 700; color: var(--bs-text-light); float: right; margin-left: 10px; }

body .bs-art .pb-plus { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 20px 0 26px; align-items: start; }
.bs-art .pb-plus details { border: 1px solid var(--bs-border); border-radius: 12px; background: #fff; padding: 14px 16px; border-top: 4px solid var(--bs-accent); }
.bs-art .pb-plus summary { list-style: none; cursor: pointer; }
.bs-art .pb-plus summary::-webkit-details-marker { display: none; }
.bs-art .pb-plus__name { display: block; font-weight: 800; font-size: 1.08rem; color: var(--bs-primary); }
.bs-art .pb-plus__line { display: block; margin-top: 4px; font-size: .95rem; line-height: 1.5; }
.bs-art .pb-plus__why { display: inline-block; margin-top: 8px; font-size: .85rem; font-weight: 700; color: #1a1a1a; background: var(--bs-accent-bg); border: 1px solid #f0dcb0; border-radius: 6px; padding: 2px 10px; }
.bs-art .pb-plus details[open] .pb-plus__why { display: none; }
.bs-art .pb-plus details p { margin: 10px 0 0; font-size: .95rem; padding-top: 10px; border-top: 1px dashed var(--bs-border); }

@media (max-width: 760px) {
    .bs-art .pb-box { padding: 16px 14px 14px; }
    .bs-art .pb-tabs__body { grid-template-columns: 1fr; gap: 12px; }
    .bs-art .pb-dens__row { grid-template-columns: 1fr; justify-items: center; gap: 12px; }
    .bs-art .pb-dens__lens { width: 170px; height: 170px; }
    .bs-art .pb-dens__info { width: 100%; }
    .bs-art .pb-meter { grid-template-columns: 110px 1fr; }
    .bs-art .pb-spot__pic button { width: 32px; height: 32px; margin: -16px 0 0 -16px; line-height: 26px; font-size: .9rem; }
}
@media (prefers-reduced-motion: reduce) { .bs-art .pb-spot__pic button { animation: none; } .bs-art .pb-tabs__pic img, .bs-art .pb-meter__bar b { transition: none; } }

/* 6079, третий заход: «путь покупателя» — пять шагов вверху и метка шага над h2; подпись под рисунками; крупнее картинка в плашке-переходе */
body .bs-art nav.pb-route { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin: 18px 0 28px; }
body .bs-art .pb-route a { display: block; padding: 10px 10px 12px; border: 1px solid var(--bs-border); border-radius: 10px; background: #fff; text-decoration: none; color: var(--bs-primary) !important; font-weight: 700; font-size: .9rem; line-height: 1.3; }
body .bs-art .pb-route a:hover { border-color: var(--bs-accent); background: #fffdf8; }
.bs-art .pb-route b { display: block; width: 28px; height: 28px; line-height: 28px; border-radius: 50%; background: var(--bs-accent); color: #1a1a1a; text-align: center; font-weight: 800; margin-bottom: 6px; }
body .bs-art .pb-step + h2 { margin-top: 2px !important; }
.bs-art .pb-step { margin: 40px 0 0; font-size: .78rem; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--bs-accent-dark); }
.bs-art .pb-box__note { font-size: .82rem; color: var(--bs-text-light); margin: 12px 0 0; font-style: italic; }
.bs-art a.aside-link--big img { width: 150px; height: 104px; }
@media (max-width: 760px) {
    body .bs-art nav.pb-route { grid-template-columns: 1fr; gap: 6px; }
    body .bs-art .pb-route a { display: flex; align-items: center; gap: 10px; padding: 8px 12px; }
    .bs-art .pb-route b { margin: 0; flex: 0 0 auto; }
    body .bs-art .pb-plus { grid-template-columns: 1fr; }
    .bs-art a.aside-link--big img { width: 104px; height: 80px; }
}
/* 6079: финал «Где вы сейчас?» — три набора переходов по чипам; кнопка на страницу в каждой вкладке изделий */
.bs-art .pb-where .pb-chips { margin: 4px 0 14px; }
.bs-art .pb-where__set[hidden] { display: none !important; }
.bs-art .pb-tabs__text .pb-btn { margin-top: 12px; }
/* 6079: «Найдите разницу» на фото сравнения — красные точки (кустарный), зелёные с галочкой (заводской) */
.bs-art .pb-spot .pb-spot__pic { max-width: 640px; }
.bs-art .pb-spot__pic button.is-good { background: #fff; color: #3d6e2e; border-color: #4f8a3c; animation: none; }
.bs-art .pb-spot__pic button.is-good.is-seen { background: #4f8a3c; color: #fff; border-color: #fff; }
.bs-art .pb-spot__out.is-good b { color: #3d6e2e; }
.bs-art .pb-spot .vs-tag { z-index: 1; }
@media (max-width: 760px) {
    body .bs-art .pb-where a.next__item { display: flex; align-items: stretch; }
    .bs-art .pb-where .next__item img { width: 116px; height: auto; min-height: 100%; flex: 0 0 116px; border-bottom: 0; border-right: 2px solid #b9b4ab; }
    .bs-art .pb-where .next__desc { margin-bottom: 8px; }
}

/* 6079, четвёртый заход: калькулятор карточкой, «Нужен заводской блок» с MAX */
body .bs-art a.pb-calc { display: flex; gap: 14px; align-items: center; margin-top: 10px; padding: 10px; border: 1px solid var(--bs-border); border-radius: 12px; background: #fffaf0; color: var(--bs-text); text-decoration: none; }
body .bs-art a.pb-calc:hover { border-color: var(--bs-accent); }
.bs-art .pb-calc img { width: 168px; height: 102px; object-fit: cover; border-radius: 8px; flex: none; margin: 0; }
body .bs-art a.pb-calc b, body .bs-art a.pb-calc span span { color: var(--bs-text); }
.bs-art .pb-calc b { display: block; font-size: 1.05em; margin-bottom: 4px; }
.bs-art .pb-calc span span { display: block; font-size: .93em; line-height: 1.45; }
body .bs-art a.pb-calc .pb-calc__go { color: #1a1a1a; display: inline-block; margin-top: 8px; background: var(--bs-accent); color: #1a1a1a; font-weight: 700; padding: 6px 14px; border-radius: 8px; }
.bs-art .pb-ask { margin: 26px 0; padding: 16px 18px; border: 1px solid var(--bs-border); border-left: 6px solid #471aff; border-radius: 12px; background: #fff; }
.bs-art .pb-ask__title { font-weight: 700; font-size: 1.1em; margin-bottom: 6px; }
.bs-art .pb-ask p { margin: 0 0 10px; }
body .bs-art a.pb-btn--max { background: #471aff; color: #fff !important; margin-right: 8px; }
body .bs-art a.pb-btn--max:hover { background: #3510d6; }
body .bs-art a.pb-btn--light { background: #fff; border: 1px solid var(--bs-border); }
body .bs-art a.pb-btn--light:hover { background: #fff6e6; }
@media (max-width: 600px) {
    body .bs-art a.pb-calc { flex-direction: column; align-items: stretch; }
    .bs-art .pb-calc img { width: 100%; height: auto; aspect-ratio: 720 / 438; }
}

/* 5776 «Типы цементного раствора» (14.10.2026, второй заход): .rs-code — надпись на мешке по частям; .rs-bk — вёдра цемента и песка в таблице замеса */
.bs-art .rs-code__tag { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; padding: 18px 20px; margin: 0 0 14px; border-radius: 10px; background: #fff; border: 2px solid #d8cdb9; box-shadow: inset 0 0 0 6px #f4ede1; }
.bs-art .rs-code__tag button { font: 800 1.7rem/1.25 Arial, Helvetica, sans-serif; letter-spacing: .5px; color: var(--bs-primary); background: none; border: 0; border-bottom: 3px solid #e4d9c6; border-radius: 4px 4px 0 0; padding: 2px 6px; cursor: pointer; }
.bs-art .rs-code__tag button:hover { border-bottom-color: var(--bs-accent); }
.bs-art .rs-code__tag button.is-on { background: #fff2cc; border-bottom-color: var(--bs-accent); }
body .bs-art ul.rs-code__list { list-style: none; margin: 0; padding: 0; }
body .bs-art ul.rs-code__list li { margin: 0 0 4px; padding: 8px 12px 8px 14px; border-radius: 8px; border-left: 4px solid transparent; transition: background .2s; }
body .bs-art ul.rs-code__list li::before { display: none; }
body .bs-art ul.rs-code__list li.is-on { background: var(--bs-accent-bg); border-left-color: var(--bs-accent); }
.bs-art .rs-code__list b { color: var(--bs-primary); }
/* .rs-mixer — замес: марка × цемент × ведро/мешок, ниже ряд настоящих вёдер (фото Codex на белом) */
.bs-art .rs-mixer__row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 0 0 10px; }
.bs-art .rs-mixer__q { min-width: 130px; font-size: .9rem; font-weight: 700; color: var(--bs-text-light); }
.bs-art .rs-mixer__row .pb-chips { margin: 0; }
.bs-art .rs-mixer__out { margin-top: 16px; padding: 16px; border-radius: 10px; background: #fff; }
.bs-art .rs-mixer__pile { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0 14px; }
.bs-art .rs-mixer__grp { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.bs-art .rs-mixer__imgs { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px; }
.bs-art .rs-mixer__grp.is-sand { flex: 1 1 150px; min-width: 0; }
.bs-art .rs-mixer__grp.is-sand .rs-mixer__imgs { align-self: stretch; justify-content: flex-start; }
.bs-art .rs-mixer__grp small { font-size: .78rem; font-weight: 700; color: var(--bs-text-light); }
.bs-art .rs-mixer__plus { font: 800 1.6rem/1 Arial, sans-serif; color: var(--bs-accent); }
.bs-art .rs-mixer__b { display: block; width: 72px; overflow: hidden; animation: rs-pop .35s ease both; }
.bs-art .rs-mixer__b.is-half { width: 36px; }
.bs-art .rs-mixer__b.is-bag { width: 88px; }
body .bs-art .rs-mixer__b img { display: block; width: 72px; max-width: none; height: auto; margin: 0; border-radius: 0; }
body .bs-art .rs-mixer__b.is-bag img { width: 88px; }
.bs-art .rs-mixer__pile.is-many .rs-mixer__b { width: 46px; }
.bs-art .rs-mixer__pile.is-many .rs-mixer__b.is-half { width: 23px; }
body .bs-art .rs-mixer__pile.is-many .rs-mixer__b img { width: 46px; }
@keyframes rs-pop { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
@media (max-width: 760px) {
    .bs-art .rs-code__tag { padding: 14px 12px; gap: 4px 6px; }
    .bs-art .rs-code__tag button { font-size: 1.3rem; padding: 2px 4px; }
    .bs-art .rs-mixer__b { width: 52px; } .bs-art .rs-mixer__b.is-half { width: 26px; }
    body .bs-art .rs-mixer__b img { width: 52px; }
    .bs-art .rs-mixer__pile.is-many .rs-mixer__b { width: 34px; } .bs-art .rs-mixer__pile.is-many .rs-mixer__b.is-half { width: 17px; }
    body .bs-art .rs-mixer__pile.is-many .rs-mixer__b img { width: 34px; }
}
@media (prefers-reduced-motion: reduce) { .bs-art .rs-mixer__b { animation: none; } }
@media (prefers-reduced-motion: reduce) { body .bs-art ul.rs-code__list li { transition: none; } }
.bs-art table.rs-tbl td small { display: block; margin-top: 3px; font-size: .85rem; font-weight: 400; color: var(--bs-text-light); }
/* 5776, третий заход: подзаголовок под h1, расшифровка в раскрывашке, мешки цемента сеткой (фото мешка целиком на белом) */
body .bs-art p.rs-sub { margin: -6px 0 18px; font-size: 1.2rem; font-weight: 700; color: var(--bs-text-light); }
.bs-art details.rs-more { margin: 22px 0; border: 1px solid var(--bs-border); border-radius: 10px; background: #fff; }
.bs-art details.rs-more > summary { padding: 14px 18px; font-weight: 700; color: var(--bs-primary); cursor: pointer; }
.bs-art details.rs-more > .rs-code { margin: 0 12px 12px; }
.bs-art .rs-bags { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; margin: 22px 0 8px; }
.bs-art .rs-bags figure { margin: 0; padding: 10px; background: #fff; border: 1px solid var(--bs-border); border-radius: 10px; }
body .bs-art .rs-bags img { display: block; width: 100%; height: 190px; max-height: none; object-fit: contain; margin: 0 0 8px; border-radius: 0; }
.bs-art .rs-bags figcaption { font-size: .88rem; line-height: 1.35; color: #5c574c; }
.bs-art .rs-bags figcaption b { display: block; color: #292720; }
@media (max-width: 640px) { .bs-art .rs-bags { grid-template-columns: 1fr 1fr; gap: 10px; } body .bs-art .rs-bags img { height: 160px; } }
.bs-art table.rs-tbl td:first-child { width: 30%; }

/* ===== Статья «Размеры полистиролбетонных блоков» (14.10.2026), блоки rz-*:
   .rz-turn — блок в 3D на чистом CSS (повернуть плашмя / на ребро, цветные рёбра = три числа);
   .rz-line — торцы всех блоков в одном масштабе + карточка выбранного блока;
   .rz-wall — кусок стены по рядам: высота стены ползунком, сколько рядов и что подрезать.
   Фактуры граней — из скрытых <img> (.rz-src), чтобы скрипт выкладки загрузил их как картинки статьи. */
.bs-art .rz-src { display: none !important; }
.bs-art .rz-c-len { --c: #eaa200; }
.bs-art .rz-c-wall { --c: #3f6f8f; }
.bs-art .rz-c-row { --c: #b5531c; }

.bs-art .rz-turn__row { display: grid; grid-template-columns: 1.15fr 1fr; gap: 22px; align-items: center; }
.bs-art .rz-stage { position: relative; height: 310px; perspective: 1100px; perspective-origin: 50% 30%; border-radius: 12px; overflow: hidden;
    background: radial-gradient(ellipse at 50% 78%, #e3d9c8 0, #efe8dc 45%, #f7f3ec 75%); }
.bs-art .rz-cube { position: absolute; left: 50%; top: 54%; width: 0; height: 0; transform-style: preserve-3d; transform: rotateX(-22deg) rotateY(-38deg); }
.bs-art .rz-cube > b { position: absolute; left: 0; top: 0; display: block; background-color: #c9c6c0; background-size: 300px auto; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,.28), inset 0 0 14px rgba(40,35,30,.18);
    transition: width .7s ease, height .7s ease, transform .7s ease; backface-visibility: hidden; }
.bs-art .rz-cube > b::after { content: ""; position: absolute; inset: 0; background: rgba(40, 30, 20, var(--sh, 0)); transition: background .7s; }
.bs-art .rz-cube .rz-f--front { --sh: 0; }
.bs-art .rz-cube .rz-f--right, .bs-art .rz-cube .rz-f--left { --sh: .22; }
.bs-art .rz-cube .rz-f--top { --sh: -.0; }
.bs-art .rz-cube > b > i { position: absolute; z-index: 2; background: var(--c); border-radius: 2px; opacity: .92; box-shadow: 0 0 0 1px rgba(255,255,255,.55), 0 0 6px var(--c); transition: all .7s ease; }
.bs-art .rz-cube .rz-e--bottom { left: 3%; right: 3%; bottom: 5px; height: 2px; }
.bs-art .rz-cube .rz-e--l { left: 5px; top: 8%; bottom: 8%; width: 2px; }
.bs-art .rz-cube .rz-e--r { right: 5px; top: 8%; bottom: 8%; width: 2px; }
.bs-art .rz-stage__shadow { position: absolute; left: 50%; bottom: 26px; width: 62%; height: 26px; transform: translateX(-50%); border-radius: 50%;
    background: radial-gradient(ellipse, rgba(60, 45, 30, .28), rgba(60, 45, 30, 0) 70%); }
.bs-art .rz-stage__tag { position: absolute; left: 12px; top: 10px; font-size: .8rem; font-weight: 700; color: var(--bs-text-light); background: rgba(255,255,255,.75); padding: 3px 9px; border-radius: 6px; }
.bs-art .rz-legend { margin: 0 0 12px; }
.bs-art .rz-legend > div { display: flex; align-items: baseline; gap: 10px; padding: 7px 0; border-bottom: 1px dashed #e2d8c8; font-size: .95rem; }
.bs-art .rz-legend > div::before { content: ""; flex: 0 0 22px; height: 5px; border-radius: 3px; background: var(--c); transform: translateY(-3px); }
.bs-art .rz-legend span { flex: 1 1 auto; color: var(--bs-text); }
.bs-art .rz-legend b { color: var(--bs-primary); font-size: 1.05rem; white-space: nowrap; }
.bs-art .rz-orient { display: inline-flex; border: 1px solid #d9cfc0; border-radius: 10px; overflow: hidden; margin: 0 0 14px; }
.bs-art .rz-orient button { font: inherit; font-size: .92rem; padding: 8px 14px; border: 0; background: #fff; color: var(--bs-text); cursor: pointer; }
.bs-art .rz-orient button + button { border-left: 1px solid #d9cfc0; }
.bs-art .rz-orient button.is-on { background: var(--bs-primary); color: #fff; font-weight: 700; }
.bs-art .rz-verdict { padding: 10px 14px; border-radius: 10px; background: #eef5ea; border-left: 4px solid #4f8a3c; font-size: .95rem; line-height: 1.5; }
.bs-art .rz-verdict.is-no { background: #fbeee8; border-left-color: #b5531c; }
.bs-art .rz-verdict b { display: block; color: var(--bs-primary); margin-bottom: 2px; }

/* Торцы в масштабе */
.bs-art .rz-ends { position: relative; display: flex; align-items: flex-end; gap: 10px; padding: 14px 10px 0 44px; min-height: 200px; overflow-x: auto; overflow-y: hidden;
    background-color: #fbf8f2; border: 1px solid var(--bs-border); border-radius: 12px 12px 0 0;
    background-image: repeating-linear-gradient(to top, rgba(120, 100, 70, .14) 0, rgba(120, 100, 70, .14) 1px, transparent 1px, transparent var(--cm10, 30px)); background-position: 0 100%; }
.bs-art .rz-ends__scale { position: absolute; left: 6px; bottom: 0; top: 0; width: 34px; font-size: .72rem; color: var(--bs-text-light); }
.bs-art .rz-ends__scale span { position: absolute; left: 0; transform: translateY(50%); }
.bs-art .rz-ends button { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 0 0 8px; border: 0; background: none; cursor: pointer; font: inherit; }
.bs-art .rz-end__face { display: block; background-color: #d8d2c8; background-size: 90px auto; border: 1px solid rgba(70, 60, 50, .35); border-radius: 2px; transition: transform .2s, box-shadow .2s; }
.bs-art .rz-ends button:hover .rz-end__face { transform: translateY(-3px); }
.bs-art .rz-ends button.is-on .rz-end__face { box-shadow: 0 0 0 3px var(--bs-accent); }
.bs-art .rz-end__no { font-size: .82rem; font-weight: 700; color: var(--bs-primary); line-height: 1; }
.bs-art .rz-ends button.is-on .rz-end__no { background: var(--bs-accent); color: #1a1a1a; padding: 3px 6px; border-radius: 5px; }
.bs-art .rz-ends__foot { font-size: .8rem; color: var(--bs-text-light); background: #f3ede2; border: 1px solid var(--bs-border); border-top: 0; border-radius: 0 0 12px 12px; padding: 6px 12px; margin-bottom: 14px; }
.bs-art .rz-card { display: grid; grid-template-columns: 220px 1fr; gap: 18px; align-items: center; padding: 14px; border: 1px solid var(--bs-border); border-radius: 12px; background: #fff; }
body .bs-art .rz-card img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; display: block; margin: 0; border-radius: 8px; background: #fff; }
.bs-art .rz-card__name { font-weight: 800; font-size: 1.12rem; color: var(--bs-primary); }
.bs-art .rz-card__size { font-size: .95rem; color: var(--bs-text-light); margin-bottom: 8px; }
.bs-art .rz-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 0 10px; }
.bs-art .rz-facts > div { background: var(--bs-accent-bg); border: 1px solid #f0dcb0; border-radius: 8px; padding: 7px 10px; line-height: 1.3; }
.bs-art .rz-facts small { display: block; font-size: .76rem; color: var(--bs-text-light); }
.bs-art .rz-facts b { font-size: 1rem; color: var(--bs-brown-dark); }
.bs-art .rz-card__use { font-size: .93rem; margin: 0 0 6px; }

/* Стена по рядам */
.bs-art .rz-wall__row { display: grid; grid-template-columns: 1.3fr 1fr; gap: 22px; align-items: end; }
.bs-art .rz-wall__pic { position: relative; height: 340px; border-radius: 10px 10px 0 0; overflow: hidden; background: linear-gradient(#e7eef3, #f4f1ea); }
.bs-art .rz-wall__pic::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 12px; background: #8d8478; }
.bs-art .rz-wall__body { position: absolute; left: 0; right: 0; background: #9a948a; }
.bs-art .rz-wall__blk { position: absolute; background-color: #d8d2c8; background-size: 80px auto; box-shadow: inset 0 0 0 1px rgba(70, 60, 50, .38); transition: bottom .4s, height .4s; }
.bs-art .rz-wall__blk.is-cut { background-color: #f1cf86; background-blend-mode: multiply; }
.bs-art .rz-wall__blk.is-first { box-shadow: inset 0 0 0 3px #eaa200; }
.bs-art .rz-wall__first { position: absolute; left: 8px; z-index: 2; transform: translateY(50%); }
.bs-art .rz-wall__first span { display: inline-block; font-size: .78rem; font-weight: 700; color: var(--bs-brown-dark); background: #fff; border: 2px solid #eaa200; padding: 2px 8px; border-radius: 6px; }
.bs-art .rz-wall__h { position: absolute; right: 6px; top: 8px; font-size: .78rem; font-weight: 700; color: var(--bs-primary); background: rgba(255,255,255,.85); padding: 3px 8px; border-radius: 6px; }
.bs-art .rz-wall__top { position: absolute; left: 0; right: 0; height: 0; border-top: 2px dashed #b5531c; transition: bottom .4s; }
.bs-art .rz-wall__slider { margin: 12px 0 4px; }
.bs-art .rz-wall__slider label { display: flex; justify-content: space-between; font-size: .92rem; font-weight: 600; color: var(--bs-primary); }
.bs-art .rz-wall__slider input { width: 100%; accent-color: #eaa200; }
.bs-art .rz-nums { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 0 10px; }
.bs-art .rz-nums > div { border: 1px solid var(--bs-border); border-radius: 10px; padding: 8px 10px; background: #fff; line-height: 1.25; }
.bs-art .rz-nums b { display: block; font-size: 1.45rem; color: var(--bs-primary); }
.bs-art .rz-nums small { font-size: .8rem; color: var(--bs-text-light); }
.bs-art .rz-wall__say { font-size: .93rem; line-height: 1.5; margin: 0; }

@media (max-width: 760px) {
    .bs-art .rz-turn__row, .bs-art .rz-wall__row { grid-template-columns: 1fr; gap: 14px; }
    .bs-art .rz-stage { height: 250px; }
    .bs-art .rz-card { grid-template-columns: 110px 1fr; gap: 12px; padding: 10px; }
    .bs-art .rz-facts { grid-template-columns: 1fr 1fr; }
    .bs-art .rz-wall__pic { height: 280px; }
    .bs-art .rz-ends { gap: 6px; padding-left: 36px; }
}
@media (prefers-reduced-motion: reduce) { .bs-art .rz-cube > b, .bs-art .rz-cube > b > i, .bs-art .rz-wall__blk, .bs-art .rz-wall__top { transition: none; } }

/* Цитата покупателя (14.10.2026): отдельный шрифт и кавычка, чтобы сразу было видно — это слова человека */
.bs-art .rz-ask { position: relative; margin: 6px 0 22px; padding: 20px 26px 16px 26px; border-radius: 14px; background: var(--bs-accent-bg); border: 1px solid #f0dcb0; border-left: 5px solid var(--bs-accent); }
.bs-art .rz-ask::before { content: "\201C"; position: absolute; left: 14px; top: 2px; font: 700 4.4rem/1 Georgia, 'Times New Roman', serif; color: var(--bs-accent); }
.bs-art .rz-ask { padding-left: 62px; }
.bs-art .rz-ask blockquote { margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: none !important; font: italic 1.28rem/1.45 Georgia, 'Times New Roman', serif; color: var(--bs-brown-dark); quotes: none; }
.bs-art .rz-ask blockquote::before, .bs-art .rz-ask blockquote::after { content: none; }
.bs-art .rz-ask figcaption { margin-top: 10px; font-size: .84rem; color: var(--bs-text-light); }
.bs-art .rz-ask figcaption::before { content: "\2014\00a0"; }
@media (max-width: 760px) { .bs-art .rz-shift__t { font-size: .6rem; padding: 2px 5px; white-space: nowrap; max-width: none; } .bs-art .rz-ask { padding: 16px 16px 12px 44px; } .bs-art .rz-ask::before { left: 10px; font-size: 3.4rem; } .bs-art .rz-ask blockquote { font-size: 1.12rem; } }

/* Армопояс над стеной и разметка перевязки на фото */
.bs-art .rz-wall__belt { position: absolute; left: 0; right: 0; background: repeating-linear-gradient(135deg, rgba(234,162,0,.22) 0 8px, rgba(234,162,0,.08) 8px 16px); border-top: 2px solid #eaa200; border-bottom: 1px dashed #eaa200; transition: bottom .4s, height .4s; }
.bs-art .rz-wall__belt span { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); font-size: .78rem; font-weight: 700; color: var(--bs-brown-dark); background: rgba(255,255,255,.9); padding: 2px 8px; border-radius: 6px; }
.bs-art .rz-shift { position: relative; max-width: 720px; margin: 0 auto; }
.bs-art .rz-shift > img { display: block; width: 100%; height: auto; }
.bs-art .rz-shift__a { position: absolute; border: 2px solid #eaa200; border-radius: 4px; background: rgba(234,162,0,.18); box-shadow: 0 0 0 1px rgba(255,255,255,.6); }
.bs-art .rz-shift__t { position: absolute; font-size: .78rem; font-weight: 700; line-height: 1.25; color: #1a1a1a; background: #eaa200; padding: 4px 9px; border-radius: 6px; max-width: 46%; }


/* Простучите стену (14.10.2026, статья 5750 «швы и вспучивание»): клетки штукатурки, пустые — обводятся «мелом» */
.bs-art .sv-tap__wall { display: grid; grid-template-columns: repeat(8, 1fr); gap: 0; max-width: 640px; margin: 4px auto 0; border-radius: 10px; overflow: hidden; box-shadow: inset 0 0 0 1px #d8cdb8; background: radial-gradient(ellipse 22% 30% at 40% 48%, rgba(255,255,255,.45), transparent 70%), radial-gradient(ellipse 30% 40% at 43% 54%, rgba(90,70,40,.10), transparent 75%), #e9dfca; }
.bs-art .sv-tap__wall button { aspect-ratio: 1 / 1; border: 0; margin: 0; padding: 0; cursor: pointer; background: transparent; background-image: radial-gradient(rgba(120,100,70,.10) 1px, transparent 1.5px); background-size: 7px 7px; position: relative; transition: background-color .2s; }
.bs-art .sv-tap__wall button:hover { background-color: rgba(255,255,255,.25); }
.bs-art .sv-tap__wall button.is-knock { animation: svKnock .25s ease-out; }
.bs-art .sv-tap__wall button.is-solid::after { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: #7a9a62; opacity: .8; }
.bs-art .sv-tap__wall button.is-hollow { background-color: rgba(192,57,43,.08); }
.bs-art .sv-tap__wall button.e-t { border-top: 3px dashed #fff; } .bs-art .sv-tap__wall button.e-b { border-bottom: 3px dashed #fff; } .bs-art .sv-tap__wall button.e-l { border-left: 3px dashed #fff; } .bs-art .sv-tap__wall button.e-r { border-right: 3px dashed #fff; }
.bs-art .sv-tap.is-done .sv-tap__wall button.is-hollow { background-color: rgba(120,60,40,.18); }
.bs-art .sv-tap__out { max-width: 640px; margin: 12px auto 0; box-sizing: border-box; padding: 12px 16px; border-radius: 10px; background: #fff; border: 1px solid var(--bs-border); min-height: 70px; }
.bs-art .sv-tap__out b { color: #9e2a1e; }
.bs-art .sv-tap.is-done .sv-tap__out b { color: #3d6e2e; }
@keyframes svKnock { 0% { transform: scale(.94); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .bs-art .sv-tap__wall button.is-knock { animation: none; } }

/* sv-*: интерактивные блоки статьи про швы и вспучивание штукатурки */
.bs-art .sv-layers { display: grid; grid-template-columns: 1fr 1.2fr; gap: 20px; align-items: stretch; }
.bs-art .sv-stack { display: flex; height: 230px; border-radius: 10px; overflow: hidden; border: 1px solid #d8cdb8; }
.bs-art .sv-stack button { font: inherit; border: 0; margin: 0; padding: 0; cursor: pointer; display: flex; align-items: flex-end; justify-content: center; font-size: .78rem; font-weight: 700; color: #2a2320; padding-bottom: 8px; writing-mode: vertical-rl; transform: rotate(180deg); text-align: left; transition: filter .2s, box-shadow .2s; }
.bs-art .sv-stack button:hover { filter: brightness(1.06); }
.bs-art .sv-stack button.is-on { box-shadow: inset 0 0 0 3px var(--bs-accent); filter: brightness(1.08); }
.bs-art .sv-l0 { flex: 5; background: #b9b4ab radial-gradient(#fff 1px, transparent 1.6px) 0 0 / 7px 7px; }
.bs-art .sv-l1 { flex: 1; background: #efe6d2; }
.bs-art .sv-l2 { flex: 4; background: #d8d2c6 radial-gradient(#b7ae9d 1px, transparent 1.4px) 0 0 / 6px 6px; }
.bs-art .sv-l3 { flex: 1; background: #f7f3ea; }
.bs-art .sv-l4 { flex: 2; background: #dcebf5; }
.bs-art .sv-pane { display: none; }
.bs-art .sv-pane.is-on { display: block; }
.bs-art .sv-pane h4 { margin: 0 0 6px; font-size: 1.1rem; color: var(--bs-primary); }
.bs-art .sv-pane p { margin: 0 0 8px; }
.bs-art .sv-go { border-radius: 12px; padding: 14px 16px; background: #fff; border: 1px solid var(--bs-border); border-left: 6px solid var(--bs-accent); }
.bs-art .sv-go h4 { margin: 0 0 6px; font-size: 1.1rem; color: var(--bs-primary); }
.bs-art .sv-go p { margin: 0; }
.bs-art .sv-check { list-style: none; margin: 0 0 12px; padding: 0; }
.bs-art .sv-check li { margin: 0 0 8px; padding: 0; }
.bs-art .sv-check li::before { display: none; }
.bs-art .sv-check label { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; padding: 10px 12px; border: 1px solid var(--bs-border); border-radius: 10px; background: #fff; }
.bs-art .sv-check input { margin-top: 4px; width: 18px; height: 18px; accent-color: var(--bs-accent); flex: none; }
.bs-art .sv-check label.is-on { border-color: var(--bs-accent); background: var(--bs-accent-bg); }
.bs-art .sv-check b { color: var(--bs-primary); }
.bs-art .sv-verdict { border-radius: 12px; padding: 12px 16px; background: #fff; border-left: 6px solid #c0392b; font-weight: 700; color: var(--bs-primary); }
.bs-art .sv-verdict.is-ok { border-left-color: #3d6e2e; }
.bs-art .sv-verdict.is-mid { border-left-color: var(--bs-accent); }
@media (max-width: 760px) { .bs-art .sv-layers { grid-template-columns: 1fr; } .bs-art .sv-stack { height: 180px; } }

/* Стена в разрезе, вид сбоку (плоская, без 3D: везде одинаково) */

/* Чек-лист «Можно ли штукатурить»: рисунок стены и шкала риска */
.bs-art .sv-chk-wrap { display: grid; grid-template-columns: 1.4fr 1fr; gap: 18px; align-items: start; margin-bottom: 12px; }
.bs-art .sv-chk-wrap .sv-check { margin: 0; }
.bs-art .sv-side { position: sticky; top: 16px; background: #fff; border: 1px solid var(--bs-border); border-radius: 12px; padding: 14px; }
.bs-art .sv-risk { display: grid; gap: 6px; }
.bs-art .sv-risk span { font-size: 13px; color: var(--bs-muted, #6b6b6b); }
.bs-art .sv-risk__bar { height: 10px; border-radius: 6px; background: #ece7dc; overflow: hidden; }
.bs-art .sv-risk__bar i { display: block; height: 100%; width: 100%; background: #c0392b; transition: width .35s ease, background .35s ease; }
.bs-art .sv-risk__bar.sv-lv-mid i { background: var(--bs-accent); }
.bs-art .sv-risk__bar.sv-lv-lo i { background: #3d6e2e; }
.bs-art .sv-risk b { color: var(--bs-primary); }
@media (max-width: 760px) { .bs-art .sv-chk-wrap { grid-template-columns: 1fr; } .bs-art .sv-side { order: -1; position: sticky; top: 8px; z-index: 5; padding: 10px; box-shadow: 0 4px 14px rgba(0,0,0,.12); } .bs-art .sv-why p { margin: 4px 0 0; } }
.bs-art .sv-why { margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--bs-border); }
.bs-art .sv-why span { font-size: 13px; color: var(--bs-muted, #6b6b6b); }
.bs-art .sv-why p { margin: 4px 0 0; font-weight: 700; color: var(--bs-primary); }

/* ===== «ТОП-5 блоков» (15.10.2026): 3D пяти блоков, стена равного тепла, страхи из отзывов, подбор ===== */
.bs-art .t5-3d { display: grid; grid-template-columns: 1.25fr 1fr; gap: 18px; align-items: start; }
.bs-art .t5-3d__stage { position: relative; border-radius: 12px; background: radial-gradient(ellipse at 50% 40%, #ffffff 0%, #f6f0e6 60%, #ece3d4 100%); overflow: hidden; touch-action: pan-y; cursor: grab; }
.bs-art .t5-3d__stage:active { cursor: grabbing; }
.bs-art .t5-3d__stage canvas { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; }
.bs-art .t5-3d__hand { position: absolute; left: 12px; bottom: 10px; font-size: .78rem; color: var(--bs-text-light); background: rgba(255,255,255,.8); padding: 3px 9px; border-radius: 999px; pointer-events: none; }
.bs-art .t5-3d__cut { position: absolute; right: 10px; top: 10px; font: inherit; font-size: .88rem; font-weight: 700; padding: 8px 14px; border-radius: 8px; border: 0; background: var(--bs-primary); color: #fff; cursor: pointer; }
.bs-art .t5-3d__cut:hover { background: #4a3d36; }
.bs-art .t5-3d__name { font-weight: 800; font-size: 1.15rem; color: var(--bs-primary); margin: 0 0 6px; }
.bs-art .t5-3d__side p { font-size: 1rem; margin: 0 0 10px; }
.bs-art .t5-3d__inside { border-left: 4px solid var(--bs-accent); background: var(--bs-accent-bg); padding: 8px 12px; border-radius: 0 8px 8px 0; font-size: .95rem; margin: 0 0 10px; }
.bs-art .t5-3d__inside b { color: var(--bs-primary); }

.bs-art .t5-wall__row { display: grid; grid-template-columns: 150px 1fr; gap: 12px; align-items: center; margin: 0 0 10px; }
.bs-art .t5-wall__name { font-weight: 700; color: var(--bs-primary); font-size: .95rem; line-height: 1.25; }
.bs-art .t5-wall__track { position: relative; height: 38px; }
.bs-art .t5-wall__bar { position: absolute; left: 0; top: 0; bottom: 0; display: flex; border-radius: 4px; overflow: hidden; transition: width .5s ease; box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); }
.bs-art .t5-wall__blk { height: 100%; transition: width .5s ease; }
.bs-art .t5-wall__ins { height: 100%; width: 0; transition: width .5s ease; background: repeating-linear-gradient(45deg, #ffe27a 0 6px, #f6d14e 6px 12px); }
.bs-art .t5-wall__val { position: absolute; top: 50%; transform: translateY(-50%); font-weight: 800; font-size: .95rem; color: var(--bs-primary); white-space: nowrap; transition: left .5s ease; }
.bs-art .t5-wall__row.is-ours .t5-wall__name { color: var(--bs-accent-dark); }
.bs-art .t5-m-gaz { background: #eeece6 radial-gradient(#c9c6bd 1px, transparent 1.5px) 0 0 / 7px 7px; }
.bs-art .t5-m-psb { background: #9b9993 radial-gradient(#f4f2ec 2px, transparent 2.6px) 0 0 / 9px 9px; }
.bs-art .t5-m-ker { background: #c46a3e repeating-linear-gradient(90deg, transparent 0 7px, #7a3a1c 7px 9px); }
.bs-art .t5-m-shl { background: #5e5d59 radial-gradient(#3e3d3a 1.5px, transparent 2px) 0 0 / 8px 8px; }
.bs-art .t5-m-krz { background: #8c8173 radial-gradient(#7a4f33 2.5px, transparent 3px) 0 0 / 11px 11px; }

.bs-art .t5-fear { border: 1px solid var(--bs-border); border-radius: 12px; background: #fff; padding: 14px 16px; margin: 0 0 12px; }
.bs-art .t5-fear__head { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin: 0 0 6px; }
.bs-art .t5-fear__q { font-weight: 800; color: var(--bs-primary); font-size: 1.05rem; }
.bs-art .t5-v { font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .4px; padding: 3px 9px; border-radius: 6px; color: #fff; }
.bs-art .t5-v--yes { background: #b5432f; }
.bs-art .t5-v--some { background: #c98a00; }
.bs-art .t5-v--no { background: #3d6e2e; }
.bs-art .t5-fear p { margin: 0 0 8px; font-size: 1rem; }
.bs-art .t5-fear__do { font-size: .95rem; color: var(--bs-text); background: #faf7f2; border-radius: 8px; padding: 8px 12px; margin: 0; }
.bs-art .t5-fear__do b { color: var(--bs-primary); }
.bs-art .t5-fears__pane > .inline-img { margin: 0 0 14px; }
.bs-art .t5-fears__lead { font-size: 1rem; margin: 0 0 12px; }

.bs-art .t5-cases { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 18px 0 8px; }
.bs-art .t5-case { border: 1px solid var(--bs-border); border-radius: 12px; padding: 14px 16px; background: #fffdf8; }
.bs-art .t5-case__t { font-weight: 800; color: var(--bs-primary); margin: 0 0 6px; line-height: 1.3; }
.bs-art .t5-case p { font-size: .97rem; margin: 0; }

.bs-art .t5-pick__q { margin: 0 0 14px; }
.bs-art .t5-pick__l { font-weight: 700; color: var(--bs-primary); margin: 0 0 8px; }
.bs-art .t5-pick__q .pb-chips { margin: 0; }
.bs-art .t5-pick__out { border-radius: 12px; padding: 14px 16px; background: var(--bs-accent-bg); border-left: 6px solid var(--bs-accent); }
.bs-art .t5-pick__out b.t5-pick__head { display: block; font-size: 1.1rem; color: var(--bs-primary); margin: 0 0 6px; }
.bs-art .t5-pick__out p { margin: 0 0 10px; font-size: 1rem; }

@media (max-width: 760px) {
    .bs-art .t5-3d { grid-template-columns: 1fr; }
    .bs-art .t5-wall__row { grid-template-columns: 1fr; gap: 4px; }
    .bs-art .t5-cases { grid-template-columns: 1fr; }
}

/* ===== Статья «Дом из полистирольных блоков» (6016), 17.10.2026: стены в разрезе без картинок, блоки dw-*:
   .dw-cut — полоска-разрез стены (слева улица, справа комната), слои — <i> с материалом m-*, ширина — style="--w:N";
   .dw-group — группа вариантов: рисунок + название, под ним карточки .dw-card (ярлыки .r, «Подробнее» — <details>);
   .dw-thick — толщины стен полосами в масштабе. */
.bs-art .dw-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 6px; font-size: .85rem; color: var(--bs-text-light); }
.bs-art .dw-legend span { display: inline-flex; align-items: center; gap: 6px; }
.bs-art .dw-legend i { display: inline-block; width: 22px; height: 14px; border-radius: 3px; border: 1px solid rgba(60,50,40,.25); }
.bs-art .dw-legend__dir { width: 100%; font-weight: 600; color: var(--bs-text); }
.bs-art .dw-cut { display: flex; height: 46px; border-radius: 6px; overflow: hidden; border: 1px solid rgba(60,50,40,.3); margin: 2px 0 12px; }
.bs-art .dw-cut > i { display: block; flex: var(--w, 1) 1 0; min-width: 4px; }
/* над полоской — где улица и где комната, под ней — слои словами (тестировщик 17.10: без этого разрез не узнают) */
.bs-art .dw-ends { display: flex; justify-content: space-between; font-size: .75rem; line-height: 1.2; color: var(--bs-text-light); }
.bs-art .dw-ends + .dw-cut { margin-top: 2px; }
.bs-art .dw-cut + .dw-cut__cap { margin: -8px 0 12px; font-size: .8rem; line-height: 1.35; color: var(--bs-text-light); }
.bs-art .dw-cut > i + i { border-left: 1px solid rgba(60,50,40,.22); }
/* Слои — настоящие текстуры: плитки 140 px из фото. Полистиролбетон — наш блок; остальное — Wikimedia Commons:
   газо/пенобетон — Marco Bernardini (CC BY-SA 3.0); пенопласт — Energieeffiziente Dämmstoffe (CC0); вата — Achim Hering (CC BY 3.0);
   ОСП — Øyvind Holmstad (CC0); дерево — Kauraleipälaatikko (CC BY-SA 4.0); кирпич — M0tty (CC BY-SA 3.0);
   бетон — Daniel Schwen (CC BY-SA 4.0); штукатурка — Sisters.seamless (CC0). Цвет под плиткой — пока она грузится. */
.bs-art .m-foam { background: url(data:image/webp;base64,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) 0 0 / 70px 70px, #f6f5f2; }
.bs-art { --tx-conc: url(data:image/webp;base64,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); }
.bs-art .m-conc { background: var(--tx-conc) 0 0 / 70px 70px, #a3a09a; }
.bs-art .m-reb { background: radial-gradient(circle, #6b3d22 0 3px, #3e2312 3.2px 3.6px, transparent 3.8px) 50% 0 / 100% 23px repeat-y, var(--tx-conc) 0 0 / 70px 70px, #a3a09a; }
.bs-art .m-osb { background: url(data:image/webp;base64,UklGRmAKAABXRUJQVlA4IFQKAAAQOgCdASqMAIwAPt1epU2opSMiLdOt4RAbiWk7heqzIN3q8CtlnfwldN7u3n9/8IHdpYfcenjW/g+iO8KwWJATHQW161BZ0/X7G6XUKRrD0IlcVGTYefX5CDFJkj9IIDgFgRLpF6FMEmC+CvvBZw4prfPTavILl/NqcLyiDhgPsGoLY4gwo9Uuxki6Su5u5zjMiLZD147xPxaB5Q39XBbYReH7ngIGQ/UxIIc91PULMs4TzmBFulZl0sur1EEgvSCkRF6BCmuno2uaabwo3WLLb0YCfY/gw3MBEVB0pS4j9NT448zoBdSe8XX5SubNV16RLX9o2rWCWklZMOwtECDKtRlGftlHu5smF0soEqndluPXLzh6E6YSEUjCCF1masu8Ru3301pOnklBQ2I+eDSJovuMtR887lNzcH97Xek8Izigi40AGJM+D1Z4IM2AblH1cGJgRCClO3symi1ov/TVI9vYEVZTUxXEQgIZ8dQ2G+FWwxVgAquK2b7xYejIetGEA02naKm3y5vuIa1pCzdcx5deegZE8MciMiCCyjqzCI8ChsU4q9KbXGnPcSy8+Tc4DoMU5npZaXk8q7rJ8aohwiHp938il2ssHBPJAytNKKyxrBGvZKfjAAD9MoMIQ7FkbuYy4+X2nileE72H2wvrRaTUXxloA/160tzdkPwJKxxypeaSabak11B2rua2bxNcKjF6onnVwXLIhXUKd1CyZ5HvOHLyMhR8e/L5AdpQ2pbR0A1OCYAcIrsXcZMrifFMbG2a+IZGZElOysj0YsziDD0+mS06r5WMLzN9lw9ejbAwZN656hWGBdn39cY0LhCWisXibOB9k27moA2D7gi3yUOkRaJQa7WkzaNqc0uw7U4vlUIRivVLk+1RwH4UX4d6/nXz8qrT6AEfrSBlnJ/qMcL//k+6f7+VGSxH9U4Xkl5ZQuuLodZkKD2n0B8iCUIyyofVfwRU1QtEyF2dGq0SrYn1i3B+Q4pqynnU8MKHcYQrXqBpVLmFvhN/WE9/KplegQ+6mjeREsDjB6ma+TAp4fH9t5CmmC38ZKgVVRllyBCq7nZf5ENZs9H2WLhnnqfxW60aKJlVL4jGaXu1He4BXjnpPo2BNUrVfXbVM1bXF2FiwjGMAOP35ccxKslzyR7xVf7dHMMOuux252VxiN2EvSXu3FhPcDvpYrRvjydLJBTUwM5XHfgdnKV2vpugeip6bDUaKYQbGpOS2gI6ETwBh9IiskwHGYDu6gTmSVdZbsmvdVwpVXoYmmJbfwzMbIT+hFtaO1S8/TLbgKro4KxrdNT77uNhfr2eexoEgrtxnH3sXtvaoEJqiiGVGqvL9acLt5dxiuoCRPI7ulsaUpTFEQ3BnW8DQTHgIks833zRftWpzeAuoSSZnueSOEgMVm4HaSvX0YD7JDC3LZeCrg8q/x4ripO4zCsLIbV9NbzFpwrOvckYO6rzJUrcOTShz02EWSaItJSvYHc7amMBOfJchSPgm/3WJv8Aip8B8vlwDZJQ/XbD6hGN8agfjVcGMVYVjV6xW4WxUD4fNlrWd+0dMv8sVJ7K59ULSkuM5lEQ/Karm4mwY1Ef78pYA8WMdmTFcj/gcZ5SRp1zKibppNVw0U6/i5LmfrS7itvqTkjwSX1RIv9yHwur6tZ6vGSr+Q0GcjUSd5BN9cqsXZHmcVlwe5KbRcNhx+/XpJzP+gO+R41NWmi5klM4LzzoOqrgiiQ9OkN/DcGQvjZAWQgkI4ZKxRhOulNjuRqEh8f8V3jcQsIrDL4qU/OermTIORIexBzoQ0834ZQWM9Yb+51/eG2xaqx0yxAVt0sy63Dm4dGfofuQRUEdNtQYx1Q2gIcwG+LhzQsBJ84rISdlD2zbWdSN4ZrHYBK0vD2iquH2AosBoVSmHPkOzbGHrwj+u8MhU0jo6wiAbwwEpqLCXeEaNIqv84kIDhPe3sVtZGcKWrlzur4gWDbrcz+ZNzLYXVkqsFu/Np9nixZtxDNHID0Mf05qH90wHWpjy0GNSdM5rQozRe+yDKAu/bu+B6xTz3FHOJNCMvYOL2kSpLOpUDIj/vrBJRgUs0EleiM/1trciAeIzqc6YZhwIEvMaMSFMRr7t/Iu8GkRO5UZsz9xuZf/opusnleKjWLentDSJY0jKr6Ge+U2db5OXfv9tlmWf44EOdyH2tv/5JJE0ZN+PimBu4cHjzsLYmnwQ+rSgPC6/KkAjctPu0/S0CTIWAx5tsHxLUoQCewdXCollcgfJMTWZMFzEgNLdAa8Kr6AHm+QRDyPzz2LcP0IxzVkIXoM2nTifxzc0ozrw7jrba4Zt6Awl4SL1o9FjBEzOLzVk5WDCnFioAjq05m0pBoXxOycI7PmNTbdix7+B5JJSdBY2OVNQjmLyXi42LVHHVWSzvwvvnCKMluAEq74q+bYc4hxpWLCmmL0Z1U17hQKIhZZ8rIHvgj940a6EBStVu1IjYSb935xIrZNbNP7ZxlDIk+sQnLf9OVOWfxb/zc35bJF1/Pf4GJHFKzcuF7VN6wCh6HglcAtBrg58Qydwp3xWXIkUEXhG/HRbmD5WKKEA7H8LQdkWRWl3f2rJBNCi9gRMKlWvYCA1m0WLESu4LuqsVOwGn6nBiD+eVOSEoNjwd55qvNsjWRG/Hg7yxw1YLhpZfsvCB4Vxq2whSXRMfGxjeRAIoCfslVEICJzMTbxn/1YpfLq1OGtylMTqPqO9NqZiFLf7+qgQwpOyGF+LOUZwk5QOjt+RrnqobOEMOhdQMtTUZEmxoYKV8On2Dr1eScEqcN3zaLb3b08wCIji+c3Y8Tbd+WKSMwE4DLvUuPnd8fPMSAzb8Sm5o/A3/tBy3Clak2MZ8SbR5P/3hzzL0OUZFomtk77AzmOKeHXQDnln4BDtb0hdw+QaWw07lLBSbL+wacHzssBtAfSXxUlv1P3pLaoc/tEgYfcYaOIz9iBu9UaMbqJj0lxDwqaHHd2caOKrT7jr+iHG4wGPc2nQFFn4yjjtKyduyGq5RD2jnM6JBSvewKWa8vTl5Ay9qT2ewxdTGia2/Pi/yymMifrUv0Yis6xhb4qfD4s2GEexyAJqil8EaFI887o4iw3RFFJ8hkfHsgRqxfp86f8fdYMDkoheitesckF0XixYktWS6CDLyQsghyCs6sjGMp9w9ESQ0Ykb/+S+tR2iVRFEMycyvqFrUboTMh6jkC0jb6V5mkpu3OviOrpfH1DkeyAArZx1wRR/g0NuXMrZ7hp3IintUyBxXum/YW/5VBrK4JdsHzp14usjNInepqCDaIEfIBjHxLceMJw92KxkXl2zQhPzq9NkqxaG5QYjtLrN1gWKDfeZfg9xQhPPOniTqcglhdw29ZF9R/jDFV2Dql52D8G1umQx9eSvCcZfGZG/NWAMxpmthU7L4B0SavK1lxV8Vviq+QfCvXaJBfx3PTxxTKrMuL+xWrNRNaX4DVwz2yArb89ptQDB0XfnobaosA0qdssILl3nSna6pexllbXgjQPD+DUHDRAXOY27fh4AAAA) 0 0 / 70px 70px, #dcb579; }
.bs-art .m-wool { background: url(data:image/webp;base64,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) 0 0 / 70px 70px, #e6c862; }
.bs-art .m-wood { background: url(data:image/webp;base64,UklGRsIBAABXRUJQVlA4ILYBAACQEQCdASqMAIwAPt1urVMopik0IhM6uoAbiWdtt5a3/HsS/JFA+CkkNAdgB0mwXHlggJftdeq7OeD/BCl2Jg60kLnBhwb2zzFDh/Y09743IetzsfUDo2AkvyLSXMOAUoD/H5BVWGuOzhqzymwNbHJ5vwFqR3hpoRvpGyVLROmOV5PAvYHNYqnQrC7uFF1BvkiHekZjoAD+NgYAJP3v9eunt9WH+6T9T/KExxEVDqKB5znBgmzFIQmNVIH/Eel6jCYMT543KZu03x+2ahfIJnWNPiYVVL3crQWtWYsxtYhEqXkAr6ZUFVVSj45nNMwd7Kav1fZiM5IHPUNCq5sAC8PR1k+H0SQQSrOtqC8VFaguPLgTE9KVGHv2J1IzYqDiKyKASNnnhoFZx4LSxiSUQIS1KDhx4x8dh0zuRWo1mtny1Q2OFN3y9LiOOCKCwCjzL6V01VzG+BbT88MA3cRhrITkmQRt0SE6lEgNOCMWDZEsyxRH613loTwJzR2JnY1Jb8fxTcKD0MzuvridozXJF70bQZjsc+x4mkeUXwLnPlmb8efwhR21RUFh5xiTKM933nlWtjZAAAA=) 0 0 / 70px 70px, #b98a52; }
.bs-art .m-fin { background: url(data:image/webp;base64,UklGRh4BAABXRUJQVlA4IBIBAABwCgCdASqMAIwAPt1orFEopaSjpZW7cRAbiWlt/WfFdYApgUNhsNfph+DsIqo5eRmZXMgDmuX52wgQZKY0fM0ctRmQC4/cVzs8LrSRli4rfFQJiN8hR4AYLNi3AAD+8I/uw2JKq4gxULtjFw86Z1uzuZY2779lMg8lYwzeuA2CsmKR4SEh3cxOTuUWfkfrJ9ioSxTPCyyWFxjipzVAubaYGChTDzHJAt3JrKDZnm+qCIl2n1K/K85l702RW9kUOGWX+1uPI4ULayxpHSEEFWxJCOZDfwrxNq/UkmhUv2o34fJlnGWJ/CY3Vz6Uz9C/oDTd2Zx6IxrRzA56BdLHuMaAVU1z0De9RMvk3QZwWBj2XAAA) 0 0 / 70px 70px, #eceae5; }
.bs-art .m-brick { background: url(data:image/webp;base64,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) 0 0 / 80px 80px, #b4552d; }
.bs-art .m-block { background: repeating-linear-gradient(180deg, transparent 0 21px, #ddd5c8 21px 23px), linear-gradient(rgba(70,64,56,.22), rgba(70,64,56,.22)), var(--tx-conc) 0 0 / 70px 70px, #8e8a83; }
.bs-art .m-psb { background: url(data:image/webp;base64,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) 0 0 / 70px 70px, #b9b4ab; }
.bs-art .m-cell { background: url(data:image/webp;base64,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) 0 0 / 70px 70px, #d3cfc7; }
.bs-art .m-lego { background: radial-gradient(circle, #6e3b1f 0 5px, transparent 5.6px) 50% 0 / 100% 23px repeat-y, linear-gradient(rgba(199,116,74,.55), rgba(199,116,74,.55)), var(--tx-conc) 0 0 / 70px 70px, #c7744a; }

.bs-art .dw-group { margin: 26px 0 8px; }
.bs-art .dw-group__head { display: grid; grid-template-columns: 210px 1fr; align-items: center; gap: 0 18px; background: #f6efe4; border-radius: 12px; overflow: hidden; }
.bs-art .dw-group__pic { height: 128px; overflow: hidden; }
.bs-art .dw-group__pic img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; max-width: none; border-radius: 0; }
.bs-art .dw-group__head > div:last-child { padding: 12px 16px 12px 0; }
.bs-art .dw-group__no { display: inline-block; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--bs-accent-dark); }
body .bs-art h3.dw-group__name { margin: 0 0 2px; font-size: 1.15rem; }
.bs-art .dw-group__hint { font-size: .92rem; color: var(--bs-text-light); line-height: 1.45; }
.bs-art .dw-group--nopic .dw-group__head { grid-template-columns: 1fr; }
.bs-art .dw-group--nopic .dw-group__head > div:last-child { padding: 14px 18px; }
.bs-art .dw-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 12px; margin-top: 12px; }
.bs-art .dw-card { border: 1px solid var(--bs-border); border-radius: 12px; background: #fff; padding: 14px 16px 12px; }
.bs-art .dw-card.ours { border: 2px solid var(--bs-accent); background: var(--bs-accent-bg); }
.bs-art .dw-card__name { font-weight: 800; font-size: 1.06rem; color: var(--bs-primary); margin: 0 0 4px; line-height: 1.3; }
body .bs-art .dw-card__line { font-size: .95rem; line-height: 1.5; margin: 0 0 10px; }
.bs-art .dw-card__tags { display: flex; flex-wrap: wrap; gap: 5px; margin: 0 0 6px; }
.bs-art .dw-card__tags .r { white-space: normal; }
.bs-art .dw-card details { margin-top: 6px; }
.bs-art .dw-card summary { list-style: none; cursor: pointer; display: inline-block; font-size: .85rem; font-weight: 700; color: #1a1a1a; background: var(--bs-accent-bg); border: 1px solid #f0dcb0; border-radius: 6px; padding: 2px 10px; }
.bs-art .dw-card summary::-webkit-details-marker { display: none; }
.bs-art .dw-card details[open] summary { display: none; }
body .bs-art .dw-card details p { margin: 4px 0 0; font-size: .93rem; line-height: 1.55; padding-top: 8px; border-top: 1px dashed var(--bs-border); }

.bs-art .dw-thick { margin: 18px 0 26px; padding: 18px 20px 14px; border: 1px solid var(--bs-border); border-radius: 14px; background: #fffdf8; }
.bs-art .dw-thick__row { margin-bottom: 14px; }
.bs-art .dw-thick__name { font-weight: 700; color: var(--bs-primary); font-size: .97rem; margin-bottom: 4px; }
.bs-art .dw-thick__bar { position: relative; height: 40px; width: var(--w, 100%); border-radius: 6px; border: 1px solid rgba(60,50,40,.3); }
.bs-art .dw-thick__bar b { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,.92); color: var(--bs-primary); border-radius: 6px; padding: 1px 9px; font-size: .95rem; }
.bs-art .dw-thick__cap { font-size: .9rem; color: var(--bs-text-light); margin: 0; line-height: 1.5; }

/* Анимация (скрипт статьи ставит .dw-anim на .bs-art и .is-in, когда блок дошёл до экрана):
   разрез собирается по слоям; .dw-merge — два слоя (камень + утеплитель) сливаются в один, по кругу. */
.bs-art.dw-anim .dw-cut > i { opacity: 0; transform: translateY(-100%); transition: transform .5s cubic-bezier(.2,.7,.3,1), opacity .3s; }
.bs-art.dw-anim .dw-cut.is-in > i { opacity: 1; transform: none; }
.bs-art.dw-anim .dw-cut > i:nth-child(2) { transition-delay: .18s; }
.bs-art.dw-anim .dw-cut > i:nth-child(3) { transition-delay: .36s; }
.bs-art.dw-anim .dw-cut > i:nth-child(4) { transition-delay: .54s; }
.bs-art.dw-anim .dw-cut > i:nth-child(5) { transition-delay: .72s; }
.bs-art.dw-anim .dw-cut > i:nth-child(6) { transition-delay: .9s; }

.bs-art .dw-merge { margin: 16px 0 24px; padding: 16px 18px 12px; border: 1px solid var(--bs-border); border-radius: 14px; background: #fffdf8; }
.bs-art .dw-merge__ends { display: flex; justify-content: space-between; font-size: .8rem; color: var(--bs-text-light); margin-bottom: 4px; }
.bs-art .dw-merge__wall { position: relative; display: flex; height: 84px; border-radius: 6px; overflow: hidden; border: 1px solid rgba(60,50,40,.3); }
.bs-art .dw-merge__wall > i { display: flex; align-items: center; justify-content: center; flex: var(--w, 1) 1 0; }
.bs-art .dw-merge__wall > i + i { border-left: 1px solid rgba(60,50,40,.22); }
.bs-art .dw-merge__wall b { background: rgba(255,255,255,.93); color: var(--bs-primary); border-radius: 6px; padding: 1px 9px; font-size: .9rem; font-style: normal; }
.bs-art .dw-merge__wall > .dw-merge__one { position: absolute; top: 0; bottom: 0; left: 4.545%; right: 4.545%; border: 0; clip-path: inset(0 50% 0 50%); }
.bs-art .dw-merge__cap { display: grid; margin-top: 10px; line-height: 1.4; font-weight: 700; color: var(--bs-primary); }
.bs-art .dw-merge__cap span + span { color: var(--bs-accent-dark); }
.bs-art.dw-anim .dw-merge__cap span { grid-area: 1 / 1; }
.bs-art.dw-anim .dw-merge__cap span + span { opacity: 0; }
.bs-art.dw-anim .dw-merge.is-in .dw-merge__one { animation: dw-merge 7s ease-in-out infinite; }
.bs-art.dw-anim .dw-merge.is-in .dw-merge__cap span:first-child { animation: dw-merge-c1 7s ease-in-out infinite; }
.bs-art.dw-anim .dw-merge.is-in .dw-merge__cap span + span { animation: dw-merge-c2 7s ease-in-out infinite; }
/* Надписи не встречаются: старые гаснут до того, как слой раскрылся, новые зажигаются после (и наоборот). */
.bs-art.dw-anim .dw-merge.is-in .dw-merge__wall > i:not(.dw-merge__one) b { animation: dw-merge-old 7s ease-in-out infinite; }
.bs-art.dw-anim .dw-merge.is-in .dw-merge__one b { animation: dw-merge-new 7s ease-in-out infinite; }
@keyframes dw-merge { 0%, 30% { clip-path: inset(0 50% 0 50%); } 45%, 88% { clip-path: inset(0 0 0 0); } 100% { clip-path: inset(0 50% 0 50%); } }
@keyframes dw-merge-old { 0%, 25% { opacity: 1; } 29%, 97% { opacity: 0; } 100% { opacity: 1; } }
@keyframes dw-merge-new { 0%, 45% { opacity: 0; } 50%, 82% { opacity: 1; } 86%, 100% { opacity: 0; } }
@keyframes dw-merge-c1 { 0%, 26% { opacity: 1; } 32%, 92% { opacity: 0; } 100% { opacity: 1; } }
@keyframes dw-merge-c2 { 0%, 38% { opacity: 0; } 46%, 82% { opacity: 1; } 88%, 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
    .bs-art.dw-anim .dw-cut > i { opacity: 1; transform: none; transition: none; }
    .bs-art.dw-anim .dw-merge.is-in .dw-merge__one, .bs-art.dw-anim .dw-merge.is-in .dw-merge__cap span, .bs-art.dw-anim .dw-merge.is-in .dw-merge__wall b { animation: none; }
}

@media (max-width: 640px) {
    .bs-art .dw-group__head { grid-template-columns: 1fr; }
    .bs-art .dw-group__pic { height: 170px; }
    .bs-art .dw-group__head > div:last-child { padding: 12px 16px; }
    .bs-art .dw-cards { grid-template-columns: 1fr; }
    .bs-art .dw-thick { padding: 16px 14px 10px; }
    .bs-art .dw-card__tags .r { font-size: .85rem; padding: 2px 9px; }
}

/* Короткий вертикальный ролик в статье (17.10.2026, HyperFrames): узко по центру, грузится по нажатию */
.bs-art .inline-video { max-width: 320px; margin: 26px auto; }
/* Текст слева, ролик справа (на телефоне — одно под другим) */
.bs-art .with-video { display: grid; grid-template-columns: 1fr 260px; gap: 24px; align-items: stretch; margin: 0 0 26px; }
.bs-art .with-video__text { display: flex; flex-direction: column; }
.bs-art .with-video .facts { flex: 1; grid-auto-rows: 1fr; margin-bottom: 0; }
.bs-art .with-video .fact { display: flex; flex-direction: column; justify-content: center; border-radius: 16px; }
.bs-art .with-video .answer, .bs-art .with-video .facts { margin-bottom: 14px; }
.bs-art .with-video .facts { grid-template-columns: 1fr; gap: 10px; }
.bs-art .with-video .inline-video { margin: 0; max-width: none; }
@media (max-width: 760px) { .bs-art .with-video { grid-template-columns: 1fr; gap: 0; } .bs-art .with-video .facts { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); grid-auto-rows: auto; } .bs-art .with-video .inline-video { max-width: 320px; margin: 12px auto 0; } }
.bs-art .inline-video video { width: 100%; height: auto; display: block; border-radius: 12px; background: #2a2320; box-shadow: 0 6px 20px rgba(42,35,32,.18); }
/* горизонтальный ролик 16:9 со звуком — 720 px в тёплой плашке во всю ширину текста, чтобы не было пустых полей (20.10.2026, «За что вы платите») */
.bs-art .inline-video--wide { max-width: none; background: #faf7f2; border: 1px solid var(--bs-border); border-radius: 16px; padding: 22px 22px 14px; }
.bs-art .inline-video--wide video { aspect-ratio: 16 / 9; max-width: 720px; margin: 0 auto; }
.bs-art .inline-video--wide .cap { margin-top: 10px; }
@media (max-width: 640px) { .bs-art .inline-video--wide { padding: 10px 10px 8px; border-radius: 12px; } }

/* «Ответ» с мешками: 1 + 0,3 мешка (17.10.2026, статья «Сколько клея на куб») */
.bs-art .answer.ans-bags { display: flex; gap: 20px; align-items: center; padding: 18px 22px; border: 1px solid #f0d394; border-left: 1px solid #f0d394; border-radius: 16px; background: linear-gradient(135deg, #fff6e0 0%, #ffe9b8 100%); } /* начальная плашка — скруглена с обеих сторон, без полосы слева; янтарная одна (владелец 17.10) */
.bs-art .ans-bags__pic { display: flex; gap: 10px; align-items: flex-end; flex: none; }
.bs-art .ans-bag { position: relative; display: block; width: 52px; height: 70px; border: 2px solid #3a3430; border-radius: 8px 8px 12px 12px; background: #fff; overflow: hidden; }
.bs-art .ans-bag::before { content: ""; position: absolute; left: 10px; right: 10px; top: 7px; height: 2px; background: #3a3430; opacity: .5; z-index: 2; }
.bs-art .ans-bag__fill { position: absolute; left: 0; right: 0; bottom: 0; height: var(--f); background: var(--bs-accent); }
.bs-art .ans-bag__t { position: absolute; left: 0; right: 0; bottom: 6px; text-align: center; font-weight: 800; font-size: .95rem; color: #2a2320; z-index: 2; }
.bs-art .ans-bags__txt { flex: 1; min-width: 0; }
.bs-art .ans-bags__big { font-size: 1.7rem; font-weight: 800; line-height: 1.15; color: #2a2320; margin-bottom: 6px; }
.bs-art .ans-bags__big span { font-size: 1rem; font-weight: 600; color: var(--bs-text-light); white-space: nowrap; }
.bs-art .ans-anim .ans-bag__fill { height: 0; transition: height .9s cubic-bezier(.3,.7,.3,1); }
.bs-art .ans-anim .ans-bag + .ans-bag .ans-bag__fill { transition-delay: .8s; }
.bs-art .ans-anim.is-in .ans-bag__fill { height: var(--f); }
@media (max-width: 640px) { .bs-art .ans-bags { padding: 14px 14px; gap: 14px; align-items: flex-start; } .bs-art .ans-bag { width: 40px; height: 56px; } .bs-art .ans-bags__big { font-size: 1.4rem; } }
@media (prefers-reduced-motion: reduce) { .bs-art .ans-anim .ans-bag__fill { transition: none; } }

/* Схема-разрез с номерами (24.10): объёмная картинка без надписей, номера поверх (--x/--y в %), подписи — списком под ней */
.bs-art .cut-scheme { margin: 26px 0 30px; }
.bs-art .cut-scheme__img { position: relative; border-radius: 12px; overflow: hidden; }
.bs-art .cut-scheme__img img { display: block; width: 100%; height: auto; }
.bs-art .cut-scheme__pin { position: absolute; left: var(--x); top: var(--y); width: 30px; height: 30px; margin: -15px 0 0 -15px; border-radius: 50%;
    background: var(--bs-accent); color: #1a1a1a; font: 800 15px/30px Arial, sans-serif; text-align: center;
    box-shadow: 0 0 0 4px rgba(255,255,255,.8), 0 2px 8px rgba(0,0,0,.25); }
body .bs-art ol.cut-scheme__legend { list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 22px; counter-reset: cs; }
body .bs-art ol.cut-scheme__legend li { position: relative; padding-left: 36px; margin: 0; font-size: .95rem; line-height: 1.5; counter-increment: cs; }
.bs-art .cut-scheme__legend li::before { content: counter(cs); position: absolute; left: 0; top: 0; width: 26px; height: 26px; border-radius: 50%;
    background: var(--bs-accent); color: #1a1a1a; font: 800 14px/26px Arial, sans-serif; text-align: center; }
.bs-art .cut-scheme__legend strong { display: block; color: var(--bs-primary); }
/* пара разрезов рядом (25.10, «Армопояс»: улица / комната), подпись-ярлык в углу; на телефоне друг под другом */
.bs-art .cut-scheme__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bs-art .cut-scheme__label { position: absolute; left: 12px; top: 12px; padding: 4px 12px; border-radius: 20px; background: rgba(255,255,255,.92);
    color: var(--bs-primary); font-size: .85rem; font-weight: 700; box-shadow: 0 1px 4px rgba(0,0,0,.12); }
@media (max-width: 640px) { .bs-art .cut-scheme__pair { grid-template-columns: 1fr; } }
@media (max-width: 640px) { body .bs-art ol.cut-scheme__legend { grid-template-columns: 1fr; } .bs-art .cut-scheme__pin { width: 24px; height: 24px; margin: -12px 0 0 -12px; font-size: 13px; line-height: 24px; } }

/* .our-spot — главное «про нас» в статье: янтарная плашка с пульсирующей рамкой и меткой (24.10, «Фибра»: «пусть мигает, чтобы обратили внимание») */
.bs-art .our-spot { position: relative; margin: 30px 0; padding: 22px 24px 18px; border-radius: 14px; background: var(--bs-accent-bg);
    border: 2px solid var(--bs-accent); animation: ourSpotGlow 2.4s ease-in-out infinite; }
body .bs-art .our-spot h3 { margin-top: 6px; }
body .bs-art .our-spot p:last-child { margin-bottom: 0; }
.bs-art .our-spot__tag { display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px; border-radius: 20px; background: var(--bs-accent);
    color: #1a1a1a; font: 700 .78rem/1.4 Arial, sans-serif; text-transform: uppercase; letter-spacing: .5px; }
.bs-art .our-spot__tag::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #1a1a1a; animation: ourSpotDot 1.2s ease-in-out infinite; }
.bs-art .our-spot__main { margin-top: 12px; padding: 12px 16px; border-radius: 10px; background: #fff; font-size: 1.05rem; }
@keyframes ourSpotGlow { 0%, 100% { box-shadow: 0 0 0 0 rgba(234,162,0,.55); } 50% { box-shadow: 0 0 0 9px rgba(234,162,0,0), 0 0 22px rgba(234,162,0,.35); } }
@keyframes ourSpotDot { 0%, 100% { opacity: 1; } 50% { opacity: .15; } }
@media (prefers-reduced-motion: reduce) { .bs-art .our-spot, .bs-art .our-spot__tag::before { animation: none; } }