/* ── Blog Post ── */
.post-main { padding: 100px 0 4rem; }
.post-wrap { display: grid; grid-template-columns: 1fr 300px; gap: 3rem; align-items: start; }
.post-breadcrumb { font-size:.78rem; color:var(--muted); font-family:var(--mono); margin-bottom:1.5rem; }
.post-breadcrumb a { color:var(--muted); transition:color .2s; }
.post-breadcrumb a:hover { color:var(--cyan); }
.post-breadcrumb span { color:var(--cyan); }
.post-header { margin-bottom: 1.5rem; }
.post-header h1 { font-size: clamp(1.6rem,3vw,2.4rem); margin-bottom:.75rem; }
.post-meta { display:flex; gap:1.5rem; font-size:.82rem; color:var(--muted); font-family:var(--mono); }
.post-views { color:var(--muted); }
.post-cover { width:100%; border-radius:var(--radius-lg); margin-bottom:2rem; max-height:420px; object-fit:cover; }
.post-body { color:var(--muted); line-height:1.85; font-size:.97rem; }
.post-body h2 { color:var(--text); font-size:1.4rem; margin:2rem 0 .75rem; padding-bottom:.5rem; border-bottom:1px solid var(--border); }
.post-body h3 { color:var(--cyan); font-size:1.1rem; margin:1.5rem 0 .5rem; }
.post-body p  { margin-bottom:1rem; }
.post-body ul,.post-body ol { margin:1rem 0 1rem 1.5rem; display:flex; flex-direction:column; gap:.4rem; }
.post-body li { color:var(--muted); }
.post-body strong { color:var(--text); }
.post-body a { color:var(--cyan); text-decoration:underline; }
.post-body a:hover { opacity:.8; }
.post-cta { background:var(--card); border-radius:var(--radius-lg); border:1px solid rgba(0,210,255,.2); padding:2rem; margin-top:3rem; text-align:center; }
.post-cta h3 { margin-bottom:.5rem; }
.post-cta p  { margin-bottom:1.25rem; font-size:.9rem; }
.post-sidebar { position:sticky; top:88px; display:flex; flex-direction:column; gap:1.25rem; }
@media(max-width:900px) { .post-wrap { grid-template-columns:1fr; } .post-sidebar { position:static; } }