/* blog-post.css */
.post-hero { padding: 7rem 0 3rem; border-bottom: 1px solid rgba(255,255,255,.06); }
.post-hero-inner { max-width: 760px; }
.post-back { font-size:.8rem; color:var(--muted); font-weight:600; transition:color .2s; }
.post-back:hover { color:#fff; }
.post-title { font-family:var(--font-h); font-size:clamp(1.75rem,4vw,3rem); font-weight:800; color:#fff; line-height:1.1; margin:.5rem 0 1rem; }
.post-excerpt { font-size:1.05rem; color:var(--muted); line-height:1.75; max-width:620px; }
.post-body { padding:3rem 0 5rem; }
.post-content { max-width:760px; }
.post-content h2 { font-family:var(--font-h); font-size:1.5rem; font-weight:800; color:#fff; margin:2.5rem 0 1rem; padding-top:.5rem; border-top:1px solid rgba(255,255,255,.06); }
.post-content h2:first-child { border-top:none; margin-top:0; }
.post-content p { font-size:.95rem; color:var(--muted); line-height:1.8; margin-bottom:1.1rem; }
.post-content p strong { color:#fff; }
.post-content ul { margin:.75rem 0 1.25rem 0; padding-left:0; list-style:none; }
.post-content ul li { display:flex; gap:.75rem; align-items:flex-start; font-size:.9rem; color:var(--muted); line-height:1.7; margin-bottom:.75rem; }
.post-content ul li::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--accent); flex-shrink:0; margin-top:.55rem; }
.post-content ul li strong { color:#fff; }
.post-cta { background:rgba(6,163,218,.08); border:1px solid rgba(6,163,218,.2); border-radius:14px; padding:2rem; margin:3rem 0; }
.post-cta h3 { font-family:var(--font-h); font-size:1.2rem; font-weight:800; color:#fff; margin-bottom:.5rem; }
.post-cta p { font-size:.875rem; color:var(--muted); margin-bottom:1rem; }
.post-nav { display:flex; gap:1rem; justify-content:space-between; padding-top:2rem; border-top:1px solid rgba(255,255,255,.06); flex-wrap:wrap; }