/* Блог БОГРИ ДОМ (волна 4б) — поверх site.css, те же токены палитры ролей.
   У статьи ответ стоит на первом экране телефона: фото героя идёт после текста, а не до. */
.st .ihero-ph{order:0}
.st-hero{padding-bottom:40px}
.st-hero h1{max-width:760px}
.st-avtor{margin-top:14px;font-size:15px;color:var(--steel,#4A5258)}
.st-avtor a{color:var(--accent-text,#8A4E0C);font-weight:600}

.st-glavnoe-sec{padding-top:40px;padding-bottom:8px;background:var(--concrete,#ECEEED);color:var(--ink,#151F26)}
.st-glavnoe{max-width:820px;background:var(--paper,#F6F7F6);color:var(--ink,#151F26);border:1px solid var(--line,#BFC5C8);border-left:4px solid var(--accent,#CA7E26);padding:22px 26px 24px}
.st-glavnoe h2{font-size:22px}
.st-glavnoe ul{margin-top:12px;padding-left:20px}
.st-glavnoe li{margin-top:8px;color:var(--ink,#151F26)}
.st-toc{max-width:820px}

.st-telo{padding-bottom:var(--section-y)}
.st-telo > h2{margin-top:64px;max-width:820px;font-size:clamp(24px,2.6vw,32px);line-height:1.2;scroll-margin-top:90px}
.st-telo > h3{margin-top:32px;max-width:820px;font-size:21px;line-height:1.3;scroll-margin-top:90px}
.st-telo > p,.st-telo > ul,.st-telo > ol{max-width:820px;margin-top:14px;color:var(--steel,#4A5258)}
.st-telo > ul,.st-telo > ol{padding-left:22px}
.st-telo li{margin-top:6px}
.st-telo b{color:var(--ink,#151F26)}
.st-telo a{color:var(--accent-text,#8A4E0C);font-weight:600}
.st-telo > figure,.st-telo > .foto-ryad,.st-telo > .tbl-wrap,.st-telo > .st-opyt,.st-telo > .kalk{margin-top:28px}
.st-telo > .tbl-note{margin-top:10px}
.st-telo > .foto-ryad{max-width:1040px}
.st-telo > .svgfig{max-width:900px}

.st-opyt{max-width:900px;background:var(--paper,#F6F7F6);color:var(--ink,#151F26);border:1px solid var(--ink,#151F26);padding:24px 26px 26px}
.st-opyt .kick{margin-bottom:8px}
.st-opyt h3{font-size:21px;line-height:1.3}
.st-opyt p{margin-top:12px;color:var(--steel,#4A5258)}
.st-opyt .foto-ryad{margin-top:18px}
.st-opyt dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.st-opyt dl div{border-top:2px solid var(--accent,#CA7E26);padding-top:10px}
.st-opyt dt{font-family:var(--mono);font-size:20px;font-weight:500;color:var(--ink,#151F26)}
.st-opyt dd{margin-top:4px;font-size:15px;color:var(--steel,#4A5258)}

.st-dalee{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1040px}
.st-dalee-a{display:block;background:var(--paper,#F6F7F6);color:var(--ink,#151F26);border:1px solid var(--line,#BFC5C8);padding:20px 22px;text-decoration:none}
.st-dalee-a:hover{border-color:var(--ink,#151F26)}
.st-dalee-a b{display:block;font-size:18px;line-height:1.3}
.st-dalee-a span{display:block;margin-top:6px;font-size:15px;color:var(--steel,#4A5258)}

.kalk{max-width:820px;background:var(--paper,#F6F7F6);color:var(--ink,#151F26);border:1px solid var(--line,#BFC5C8);padding:22px 24px}
.kalk-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kalk label{display:block;font-size:14px;color:var(--steel,#4A5258);margin-bottom:6px}
.kalk select,.kalk input{width:100%;min-height:48px;padding:0 12px;border:1px solid var(--ink,#151F26);background:#FFFFFF;color:var(--ink,#151F26);font:inherit}
.kalk-itog{margin-top:18px;font-size:17px;color:var(--ink,#151F26)}
.kalk-itog b{font-family:var(--mono);font-size:24px;font-weight:500}
.kalk-note{margin-top:8px;font-size:14px;color:var(--steel,#4A5258)}

/* хаб /blog/ */
.blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blog-card{display:flex;flex-direction:column;background:var(--paper,#F6F7F6);color:var(--ink,#151F26);border:1px solid var(--line,#BFC5C8);text-decoration:none}
.blog-card:hover{border-color:var(--ink,#151F26)}
.blog-card img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.blog-card div{padding:16px 18px 20px}
.blog-card h3{font-size:19px;line-height:1.3}
.blog-card p{margin-top:8px;font-size:15px;color:var(--steel,#4A5258)}
.blog-card .status{margin-top:10px}
.avtor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.avtor .prose ul{margin-top:10px}

@media (max-width:940px){
  .st-hero .ihero-grid{gap:20px}
  .blog-list{grid-template-columns:1fr 1fr}
  .avtor{grid-template-columns:1fr;gap:24px}
}
@media (max-width:640px){
  .st-hero{padding-bottom:28px}
  .st-glavnoe{padding:18px 18px 20px}
  .st-opyt{padding:18px}
  .st-opyt dl{grid-template-columns:1fr}
  .st-dalee,.blog-list,.kalk-row{grid-template-columns:1fr}
}

/* Лента блога без «сироты» в последнем ряду (23.10): 10 статей = 3 + 3 + 2 + 2 */
@media (min-width:941px){
  .blog-list{grid-template-columns:repeat(6,minmax(0,1fr))}
  .blog-list>*{grid-column:span 2}
  .blog-list:has(>:first-child:nth-last-child(3n+2))>:nth-last-child(-n+2),
  .blog-list:has(>:first-child:nth-last-child(3n+1))>:nth-last-child(-n+4){grid-column:span 3}
}