/* Blog post (independent) */
.post-hero{ padding:44px 0 24px; background:linear-gradient(180deg,#f7faff,transparent); border-bottom:1px solid var(--border); }
.crumbs{ display:flex; gap:8px; align-items:center; font-size:14px; margin-bottom:8px; }
.crumbs a{ color:var(--blue); text-decoration:none; } .crumbs a:hover{ text-decoration:underline; }
.post-hero h1{ font-size:clamp(28px,4vw,42px); font-weight:800; margin:0 0 6px; color:var(--ink); }
.byline{ display:flex; gap:10px; align-items:center; color:var(--muted); }
.byline .tag{ display:inline-block; font-size:12px; padding:2px 8px; border-radius:999px; background:#f3f6ff; color:#4f6bd9; }

.post-grid{ display:grid; gap:16px; grid-template-columns:1.5fr .5fr; }
@media (max-width: 980px){ .post-grid{ grid-template-columns:1fr; } }

.prose{ line-height:1.75; }
.prose h2, .prose h3{ margin:14px 0 8px; color:var(--ink); }
.prose p{ margin:0 0 10px; }
.prose ol, .prose ul{ padding-left:18px; margin:0 0 10px; }
.prose hr{ border:none; border-top:1px solid var(--border); margin:14px 0; }

.sidebar .toc{ list-style:none; padding:0; margin:0 0 12px; }
.sidebar .toc li + li{ margin-top:6px; }
.sidebar a{ color:var(--blue); text-decoration:none; }
.sidebar a:hover{ text-decoration:underline; }

.author{ display:flex; gap:10px; align-items:center; padding:10px; border:1px solid var(--border); border-radius:10px; background:#fff; }
.author .av{ width:40px; height:40px; border-radius:50%; background:repeating-linear-gradient(135deg,#f3f6ff,#f3f6ff 10px,#e8efff 10px,#e8efff 20px); border:1px solid var(--border); }

.more h4{ margin:12px 0 6px; }

.nextprev{ display:flex; justify-content:space-between; align-items:center; }
.nextprev a{ text-decoration:none; color:var(--blue); }
.nextprev a:hover{ text-decoration:underline; }