/* Блог КРЕПКИЙ ЖАР — листинг и статья, по структуре блога бань.
   Кегли только из typography.css, шаг сетки 4px. Вертикальный ритм задаёт
   контейнер через gap (8 / 16 / 24); единственное названное исключение —
   отбивка перед разделом статьи (.article-body > h2). */
.blog-page{padding-block:32px var(--section-space)}
.blog-page>.container{max-width:1160px}
.blog-stack{display:grid;gap:24px}
.blog-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--font-size-support);line-height:1.5;color:var(--muted)}
.blog-crumbs a{color:var(--muted);text-decoration:underline;text-decoration-color:#c6baae66;text-underline-offset:4px}
.blog-crumbs a:hover{color:var(--accent)}
.blog-crumbs span[aria-hidden]{opacity:.5}
.blog-head{display:grid;gap:16px;max-width:880px}
.blog-head h1{font-size:var(--font-size-section-title);line-height:1.1;letter-spacing:-.04em}
.blog-lead{font-size:var(--font-size-scene-intro);line-height:1.55;color:var(--muted)}

.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-card{display:flex;flex-direction:column;min-width:0;background:var(--surface-base);border:1px solid #e5a57424;border-radius:12px;overflow:hidden;transition:border-color .2s,transform .2s}
.blog-card:hover{border-color:#e5a57466;transform:translateY(-2px)}
.blog-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--surface-alt)}
.blog-card-body{display:flex;flex-direction:column;flex:1;gap:8px;padding:24px}
.blog-card-meta{display:flex;gap:8px;font-size:var(--font-size-support);color:var(--muted)}
.blog-card-meta span:before{content:'·';margin-right:8px}
.blog-card-title{font-size:var(--font-size-card-title);line-height:1.25;letter-spacing:-.02em;font-weight:600;color:var(--ink)}
.blog-card p{flex:1;font-size:var(--font-size-body);line-height:1.55;color:var(--muted)}
.blog-card-more{font-size:var(--font-size-cta);font-weight:600;color:var(--accent)}
.blog-card-more:after{content:' →'}

.blog-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.blog-pager a,.blog-pager span{display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 16px;border:1px solid var(--line);border-radius:8px;font-size:var(--font-size-body)}
.blog-pager a:hover{border-color:var(--accent);color:var(--accent)}
.blog-pager .is-now{background:var(--accent);border-color:var(--accent);color:var(--surface-base)}

.article{display:grid;gap:24px;max-width:760px}
.article h1{font-size:var(--font-size-catalog-title);line-height:1.15;letter-spacing:-.03em}
.article-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--font-size-support);color:var(--muted)}
.article-meta span+span:before{content:'·';margin-right:8px}
.article-hero{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:var(--surface-alt)}
.article-author{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid var(--line);border-radius:12px}
.article-author img{flex:none;width:48px;height:48px}
.article-author div{display:grid;gap:4px}
.article-author b{font-size:var(--font-size-body);font-weight:600}
.article-author small{font-size:var(--font-size-support);line-height:1.4;color:var(--muted)}
.article-lead{font-size:var(--font-size-scene-intro);line-height:1.55}

.toc{display:grid;gap:16px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#ffffff06}
.toc p{font-size:var(--font-size-eyebrow);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.toc ol{display:grid;gap:8px;padding-left:24px}
.toc li{font-size:var(--font-size-body);line-height:1.45}
.toc a{color:var(--ink);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}
.toc a:hover{color:var(--accent);text-decoration-color:currentColor}

.article-body{display:grid;gap:16px}
.article-body>h2{margin-top:24px;font-size:var(--font-size-story-title);line-height:1.2;letter-spacing:-.03em;scroll-margin-top:96px}
.article-body p,.article-body li{font-size:var(--font-size-body);line-height:1.7;color:#e9dfd3}
.article-body ul,.article-body ol{display:grid;gap:8px;padding-left:24px}
.article-body b{font-weight:600;color:var(--ink)}
.article-body a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.article-body a:hover{text-decoration-thickness:2px}
/* карточки моделей стоят внутри тела статьи: правило ссылок текста их не касается */
.article-body a.blog-model,.article-body a.blog-model:hover{color:var(--ink);text-decoration:none}
.note{padding:20px 24px;border-left:4px solid var(--accent);border-radius:0 12px 12px 0;background:#e5a57412;font-size:var(--font-size-body);line-height:1.65}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-body table{width:100%;border-collapse:collapse;font-size:var(--font-size-body)}
/* прокрутка нужна только широким таблицам; три колонки на телефоне помещаются переносом */
.article-body table.t-wide{min-width:560px}
.article-body th,.article-body td{padding:12px 16px;border:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.5}
.article-body th{background:#ffffff0a;font-weight:600;color:var(--ink)}
.article-body td{color:#e9dfd3}

.blog-models{display:grid;gap:16px;padding-top:24px;border-top:1px solid var(--line)}
.blog-models>p,.blog-section>h2{font-size:var(--font-size-eyebrow);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.desktop-nav a[aria-current],.mobile-menu a[aria-current]{color:var(--accent)}
.blog-models-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blog-model{display:flex;flex-direction:column;min-width:0;border:1px solid #e5a57424;border-radius:12px;overflow:hidden;background:var(--surface-base);transition:border-color .2s}
.blog-model:hover{border-color:#e5a57466}
.blog-model img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.blog-model span{display:grid;gap:4px;padding:12px 16px 16px}
.blog-model b{font-size:var(--font-size-body);font-weight:600}
.blog-model small{font-size:var(--font-size-support);line-height:1.4;color:var(--muted)}

.faq{display:grid;gap:16px;padding-top:24px;border-top:1px solid var(--line)}
.faq>h2{font-size:var(--font-size-story-title);line-height:1.2;letter-spacing:-.03em}
.faq-item{display:grid;gap:8px}
.faq-item h3{font-size:var(--font-size-card-title);line-height:1.3;letter-spacing:-.02em}
.faq-item p{font-size:var(--font-size-body);line-height:1.65;color:var(--muted)}

.blog-section{display:grid;gap:16px;padding-top:24px;border-top:1px solid var(--line)}
/* Полоса каталога: веер комплексов в разных цветах, факты, ленточка цветов, кнопка */
.blog-catbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px;padding:24px 32px 24px 24px;border:1px solid #e5a57430;border-radius:16px;background:radial-gradient(ellipse at 0% 50%,#e5a5741f 0%,transparent 60%),#ffffff05;overflow:hidden;transition:border-color .2s}
.blog-catbar:hover{border-color:#e5a57470}
.blog-catbar-pics{display:flex;align-items:center;padding:8px 8px 8px 0}
.blog-catbar-pics img{width:112px;height:112px;flex:none;border-radius:12px;border:3px solid var(--surface-base);background:#f3efe9;object-fit:cover;box-shadow:0 12px 24px #0000004d;transition:transform .3s,margin .3s}
.blog-catbar-pics img+img{margin-left:-40px}
.blog-catbar-pics img:nth-child(1){transform:rotate(-6deg)}
.blog-catbar-pics img:nth-child(2){transform:rotate(-2deg) translateY(-8px)}
.blog-catbar-pics img:nth-child(3){transform:rotate(2deg)}
.blog-catbar-pics img:nth-child(4){transform:rotate(6deg) translateY(-8px)}
.blog-catbar:hover .blog-catbar-pics img+img{margin-left:-24px}
.blog-catbar-text{display:grid;gap:8px;min-width:0}
.blog-catbar-eyebrow{font-size:var(--font-size-support);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.blog-catbar b{font-size:var(--font-size-card-title);line-height:1.25;letter-spacing:-.02em}
.blog-catbar small{font-size:var(--font-size-body);line-height:1.5;color:var(--muted)}
.blog-catbar-facts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}
.blog-catbar-facts>span:not(.blog-catbar-dots){display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border:1px solid var(--line);border-radius:6px;font-size:var(--font-size-support);color:var(--ink)}
.blog-catbar-facts>span:first-child{border-color:#e5a57459;color:var(--accent)}
.blog-catbar-dots{display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:4px}
.blog-catbar-dots i{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--sw) 0 55%,var(--sw2,var(--sw)) 55%);box-shadow:0 0 0 1px #ffffff33}
.blog-catbar .button{flex:none}
@media(prefers-reduced-motion:reduce){.blog-catbar-pics img{transition:none}}
.blog-cta{display:grid;gap:16px;padding:32px;border-radius:12px;background:var(--surface-alt);border:1px solid var(--line)}
.blog-cta h2{font-size:var(--font-size-story-title);line-height:1.2;letter-spacing:-.03em}
.blog-cta p{font-size:var(--font-size-body);line-height:1.6;color:var(--muted);max-width:640px}
.blog-cta div{display:flex;flex-wrap:wrap;gap:16px}
.button-outline-light{background:transparent;border-color:var(--line);color:var(--ink)}
.button-outline-light:hover{background:#ffffff0c;box-shadow:none}

@media(width < 1200px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(width < 960px){
  .blog-catbar{grid-template-columns:1fr;gap:24px;padding:24px}
  .blog-catbar-pics{padding:8px 0 0 8px}
  .blog-catbar .button{justify-self:start}
}
@media(width < 640px){
  .blog-page{padding-top:24px}
  .blog-grid,.blog-models-grid{grid-template-columns:1fr}
  .blog-model{flex-direction:row;align-items:center}
  .blog-model img{width:96px;flex:none}
  .blog-card-body{padding:20px}
  .article-author{padding:12px 16px}
  .blog-cta{padding:24px}
  .blog-cta .button{width:100%}
  .blog-catbar .button{justify-self:stretch;justify-content:space-between}
  .blog-catbar-pics img{width:88px;height:88px}
  .blog-catbar-pics img+img{margin-left:-28px}
}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-card:hover{transition:none;transform:none}}

/* Политика конфиденциальности /privacy/ */
.legal-req{color:var(--muted);font-size:var(--font-size-support);line-height:1.6;margin-top:-8px}
.legal-doc{max-width:820px}
.legal-doc h2{font-size:var(--font-size-card-title);line-height:1.25;letter-spacing:-.02em;margin:40px 0 16px}
.legal-doc p{font-size:var(--font-size-body);line-height:1.7;color:#e9dfd3;margin:0 0 12px}

/* Страница «Спасибо» /thanks/ */
.thanks{display:grid;gap:24px;padding-block:16px 8px}
.thanks .blog-head .eyebrow{margin-bottom:0}
.thanks>h2{font-size:var(--font-size-card-title);line-height:1.2;margin-top:16px}
.thanks-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.thanks-card{display:grid;align-content:start;gap:8px;padding:24px;border:1px solid var(--line);border-radius:6px;transition:border-color .18s}
.thanks-card:hover{border-color:var(--accent)}
.thanks-card strong{font-size:var(--font-size-card-title);font-weight:600;line-height:1.2;letter-spacing:-.02em}
.thanks-card span{color:var(--muted);line-height:1.5}
@media(width < 960px){.thanks-cards{grid-template-columns:1fr}}
.thanks-catalog{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border-radius:6px;background:var(--stone)}
.thanks-catalog strong{display:block;font-size:var(--font-size-card-title);font-weight:600;line-height:1.2;letter-spacing:-.02em}
.thanks-catalog span{display:block;margin-top:6px;color:var(--muted);line-height:1.5}
.thanks-catalog .button{flex:0 0 auto}
@media(width < 640px){.thanks-catalog{flex-direction:column;align-items:stretch}}