/* Blog and article pages. Builds on style.css (variables, header, footer, buttons). */
body.blog{background:var(--cream)}
body.blog .header-inner{height:78px}
.article-shell{max-width:780px;padding-block:34px 80px}
.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:26px;display:flex;flex-wrap:wrap;gap:6px}
.breadcrumbs a{color:var(--plum);font-weight:700}
.breadcrumbs a:hover{color:var(--rose)}
.article h1,.blog-title{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.04em;line-height:1.15;color:var(--plum-deep);font-size:clamp(28px,4.4vw,44px);margin:0 0 14px}
.byline{font-size:12px;color:var(--muted);margin:0 0 28px}
.article .lead,.lead{font-size:18px;line-height:1.7;color:#4c4550;margin:0 0 26px}
.article h2{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.25;color:var(--plum-deep);font-size:clamp(21px,2.8vw,27px);margin:42px 0 12px;scroll-margin-top:20px}
.article p,.article li{font-size:16.5px;line-height:1.75;color:#3e3841}
.article p{margin:0 0 16px}
.article ul,.article ol{margin:0 0 20px;padding-inline-start:24px}
.article li{margin-bottom:8px}
.article a:not(.button){color:var(--plum);font-weight:700;text-decoration:underline;text-decoration-color:var(--rose-soft);text-underline-offset:3px}
.article a:not(.button):hover{text-decoration-color:var(--rose)}
.toc{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px 24px;margin:0 0 10px}
.toc strong{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9a7195;margin-bottom:10px}
.toc ol{margin:0;padding-inline-start:22px}
.toc li{font-size:15px;margin-bottom:5px}
.cta{background:linear-gradient(135deg,var(--plum-deep),var(--plum));color:#fff;border-radius:22px;padding:28px 30px;margin:36px 0 10px;box-shadow:0 18px 40px #4a314d2e}
.cta p{color:#fff!important;margin:0 0 16px}
.cta p:last-child{margin:0}
.cta .button{background:#fff;color:var(--plum-deep);box-shadow:none}
.post-list{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:18px}
.post-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px 26px}
.post-card h2{font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.03em;line-height:1.3;margin:0 0 8px}
.post-card h2 a{color:var(--plum-deep)}
.post-card h2 a:hover{color:var(--rose)}
.post-card p{margin:0 0 10px;font-size:15px;line-height:1.65;color:#5c545f}
.post-card .byline{margin:0;font-size:13px}
.post-card .byline a{color:var(--plum);font-weight:800}
@media(max-width:760px){
  .article-shell{width:calc(100% - 32px);padding-block:22px 56px}
  body.blog .desktop-nav{display:none}
  body.blog .header-inner{gap:12px}
  body.blog .brand{width:130px}
  body.blog .brand img{width:126px}
  body.blog .header-cta{padding:10px 14px;font-size:11px}
  .article .lead,.lead{font-size:17px}
  .cta{padding:22px 20px}
  .footer-inner{flex-direction:column;align-items:flex-start;padding-block:24px}
  .footer-inner>div{margin-left:0;flex-wrap:wrap;gap:14px}
}
[dir="rtl"] .breadcrumbs span[aria-hidden]{display:inline-block;transform:scaleX(-1)}
[dir="rtl"] .header-cta span{display:inline-block;transform:scaleX(-1)}
.article h1,.blog-title,.article h2,.post-card h2{text-wrap:balance}
.byline time{unicode-bidi:isolate}

.article .related{margin:44px 0 0;padding:22px 24px;background:var(--paper);border:1px solid var(--line);border-radius:18px}
.article .related h2{margin:0 0 10px;font-size:18px}
.article .related ul{margin:0;padding-inline-start:20px}
.article .related li{margin-bottom:6px;font-size:15px;line-height:1.55}