.article-hero{ padding:140px 0 40px; border-bottom:1px solid var(--border); }
.article-hero-inner{ max-width:820px; margin:0 auto; padding:0 32px; }
.cat-badge{ font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--c); display:inline-block; margin-bottom:16px; font-family:'JetBrains Mono', monospace; }
.article-title{ font-size:clamp(32px,4.8vw,58px); line-height:1.08; letter-spacing:-.02em; font-weight:600; }
.article-summary{ margin-top:20px; font-size:19px; line-height:1.65; color:var(--text-muted); }

.article-meta-row{ font-family:'JetBrains Mono', monospace; font-size:12.5px; color:var(--text-faint); margin-top:24px; display:flex; gap:12px; align-items:center; }
.article-meta-row .sep{ opacity:.4; }

.author-inline{ margin-top:28px; display:flex; align-items:center; justify-space-between; flex-wrap:wrap; gap:16px; }
.author-mini{ display:flex; align-items:center; gap:12px; }
.avatar-circle{ width:38px; height:38px; border-radius:999px; background:var(--bg-elev-2); border:1px solid var(--border-strong); display:flex; align-items:center; justify-content:center; font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--c); font-weight:600; }
.author-mini .name{ font-size:14px; font-weight:600; }
.author-mini .role{ font-size:12px; color:var(--text-faint); }

.article-cover{ margin-top:48px; }
.cover-frame{ border-radius:var(--radius-lg); border:1px solid var(--border); background:var(--bg-elev); overflow:hidden; display:flex; align-items:center; justify-content:center; min-height:280px; }
.cover-frame img{ width:100%; height:auto; max-height:480px; object-fit:cover; display:block; }
.cover-caption{ margin-top:12px; font-size:13px; color:var(--text-faint); text-align:center; }

.article-layout{ max-width:820px; margin:0 auto; padding:60px 32px 100px; }
.article-content{ font-size:16.5px; line-height:1.75; color:var(--text); }
.article-content h2{ font-size:24px; font-weight:600; margin:48px 0 18px; letter-spacing:-.01em; }
.article-content h3{ font-size:18.5px; font-weight:600; margin:32px 0 12px; letter-spacing:-.01em; }
.article-content p{ margin-bottom:20px; color:var(--text-muted); }
.article-content ul, .article-content ol{ margin-bottom:24px; padding-left:24px; color:var(--text-muted); }
.article-content li{ margin-bottom:8px; }
.article-content strong{ color:var(--text); font-weight:600; }
.article-content blockquote{ margin:28px 0; padding:4px 22px; border-left:3px solid var(--c); color:var(--text); font-size:18px; line-height:1.6; }

.related-section{ padding:60px 0 120px; border-top:1px solid var(--border); }
.related-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:32px; }
.related-card{ border:1px solid var(--border); border-radius:var(--radius-md); padding:24px; background:var(--bg-elev); }
.related-card h3{ font-size:16px; font-weight:600; margin-bottom:8px; }
.related-card p{ font-size:13.5px; color:var(--text-muted); }
@media (max-width:768px){ .related-grid{ grid-template-columns:1fr; } }