/* Layout and components. Shared design values: theme.css; text: typography.css. */
.blog main{min-height:65vh}
.blog-intro{padding-block:64px 48px;border-bottom:var(--rule-width) solid var(--line)}
.blog-intro h1{margin:0 0 26px}
.blog-intro>p:last-child{max-width:620px;color:var(--muted);margin:0}
.blog-empty{padding-block:66px 90px;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.blog-empty h2{max-width:470px}
.blog-empty p{max-width:480px;color:var(--muted)}
.blog-empty a{border-bottom:var(--rule-width) solid var(--accent);padding-block:10px;display:inline-block}
.blog-list{padding-block:30px 70px}
.blog-card{display:grid;grid-template-columns:180px 1fr;gap:40px;padding-block:32px;border-bottom:var(--rule-width) solid var(--line)}
.blog-card h2{margin-bottom:14px}
.blog-card p{max-width:720px;color:var(--muted)}
.blog time{color:var(--muted)}
.blog-card a:hover,.blog-back:hover{color:var(--accent)}
.blog-article{max-width:800px;padding-block:32px 80px;overflow-wrap:anywhere}
.blog-article h1{margin-top:28px}
.blog-article h2{margin-top:42px}
.blog-article ul{padding-left:24px}
.blog-back{display:inline-block;margin-block:16px;border-bottom:var(--rule-width) solid var(--accent)}
.blog-article .article-lead{color:var(--muted);margin-top:24px}
.blog [aria-current=page]{color:var(--accent)}
@media(max-width:800px){
.blog-intro{padding-block:36px}
.blog-empty{grid-template-columns:1fr;gap:8px;padding-block:40px 56px}
.blog-card{grid-template-columns:1fr;gap:14px}
}
.blog-card>div{min-width:0;overflow-wrap:anywhere}
.blog-article .article-cta{margin-block:32px;padding:24px;border-left:3px solid var(--accent);background:var(--surface)}
.blog-article .article-cta p{margin-bottom:12px}
.article-cta .button{min-height:44px;padding:12px 18px;max-width:100%;white-space:normal}
.blog-article .article-author,.blog-article .article-updated{color:var(--muted);margin:8px 0}
.article-faq{margin-block:40px}
@media(max-width:540px){
.blog-article .article-cta{padding:18px}
.article-cta .button{gap:16px}
}
.blog-article .article-sources{color:var(--muted)}
.article-sources a{text-decoration:underline;text-underline-offset:3px}
.blog .footer-catalog-nav{display:flex;flex-wrap:wrap;gap:12px 28px}