/* ── BLOG ARTICLE ── */
.progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--blue);z-index:999;width:0;transition:width .1s;}
.article-hero{margin-top:68px;background:var(--blue);padding:3.5rem 2rem 3rem;position:relative;overflow:hidden;}
.article-hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;}
.article-hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;}
.article-cat-badge{display:inline-block;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:.3rem .75rem;border-radius:20px;margin-bottom:.75rem;}
.article-hero h1{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:300;color:#fff;line-height:1.25;margin-bottom:1rem;}
.article-meta{display:flex;align-items:center;gap:.75rem;font-size:.78rem;color:rgba(255,255,255,.6);flex-wrap:wrap;}
.meta-text strong{color:rgba(255,255,255,.9);}
.meta-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.4);}
.read-time{background:rgba(255,255,255,.1);padding:.2rem .6rem;border-radius:20px;}
.article-layout{max-width:1200px;margin:0 auto;padding:3rem 2rem 5rem;display:grid;grid-template-columns:1fr 280px;gap:3rem;align-items:start;}
.article-content{min-width:0;}
.article-body{margin-bottom:3rem;}
.article-body strong{color:var(--text);}
.article-body a{color:var(--blue);}
.article-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem;}
.tag{display:inline-block;background:var(--blue-pale);color:var(--blue);font-size:.72rem;font-weight:600;padding:.3rem .75rem;border-radius:20px;text-decoration:none;transition:background .2s;}
.tag:hover{background:var(--blue);color:#fff;}
.author-block{display:flex;align-items:center;gap:1.25rem;background:var(--grey-light);border:1px solid var(--border);border-radius:10px;padding:1.5rem;margin-bottom:2rem;}
.author-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--border);}
.author-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top;}
.author-info h4{font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:.25rem;}
.author-info p{font-size:.75rem;color:var(--text-muted);line-height:1.5;margin-bottom:.5rem;}
.author-link{font-size:.75rem;font-weight:700;color:var(--blue);text-decoration:none;}
.related h3{font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text);margin-bottom:1rem;}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;}
.related-card{background:var(--grey-light);border:1px solid var(--border);border-radius:8px;padding:1rem;text-decoration:none;color:inherit;transition:border-color .2s;}
.related-card:hover{border-color:var(--blue);}
.related-cat{font-size:.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);margin-bottom:.35rem;}
.related-card h4{font-size:.78rem;font-weight:700;color:var(--text);margin-bottom:.35rem;line-height:1.3;}
.related-card span{font-size:.7rem;color:var(--text-muted);}
.sidebar{position:sticky;top:96px;}
.toc-list{list-style:none;}
.toc-list li{margin-bottom:.1rem;}
.toc-link{display:block;font-size:.78rem;font-weight:500;color:var(--text-muted);text-decoration:none;padding:.4rem .6rem;border-radius:4px;border-left:2px solid transparent;transition:all .2s;}
.toc-link:hover,.toc-link.active{color:var(--blue);border-left-color:var(--blue);background:var(--blue-pale);padding-left:.85rem;}
@media(max-width:960px){.article-layout{grid-template-columns:1fr;}.sidebar{position:static;}}
@media(max-width:640px){.related-grid{grid-template-columns:1fr;}.author-block{flex-direction:column;text-align:center;}}