/* Blog single (article) — header media + author box (built on shared .prose) */
.article-hero { max-width:980px; margin-inline:auto }
.article-hero .post__meta { font-size:.85rem; }
.article__cover { max-width:950px; margin:clamp(1.6rem,3vw,2.6rem) auto 0; aspect-ratio:16/7; border-radius:var(--radius-lg); background:linear-gradient(135deg,var(--surface-2),var(--surface-3)); display:grid; place-items:center; color:var(--muted); font-size:.85rem; }
.article-body { max-width:760px; margin-inline:auto; }
.author { 
    display: flex; 
    align-items: center; 
    gap: 14px; 
    margin-top: 2.6rem; 
    padding-top: 1.8rem; 
    border-top: 1px solid var(--line); 
}
.author__av { 
    width: 52px; 
    height: 52px; 
    border-radius: 50%; 
    background: linear-gradient(135deg, var(--accent-soft), var(--accent)); 
    flex: none; 
    
    /* New: Styling for initials */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: var(--font-mono); /* Geist Mono looks clean for initials */
    font-weight: 600;
    font-size: 1.1rem;
    letter-spacing: -0.02em;
    user-select: none;
}
.author b { font-weight: 700; } 
.author span { color: var(--muted); font-size: .88rem; display: block; }
.share { margin-left:auto; display:flex; gap:8px; }
.share a { width:40px; height:40px; border-radius:11px; border:1px solid var(--line); display:grid; place-items:center; color:var(--text-2); transition:.2s; }
.share a:hover { color:var(--accent); border-color:var(--accent); }
@media (max-width:560px){ .author{ flex-wrap:wrap; } .share{ margin-left:0; width:100%; } }