.blog-post{width:100%;max-width:72rem;padding:2rem var(--spacing-6) 3.5rem;margin-inline:auto}.blog-post-header{max-width:48rem;margin-bottom:1.5rem}.blog-post-back{color:#6b7280;align-items:center;gap:.35rem;margin-bottom:1.25rem;font-size:.8125rem;font-weight:550;text-decoration:none;display:inline-flex}.blog-post-back:hover{color:#111827}.blog-post-header h1{color:#111827;letter-spacing:-.045em;margin:0 0 1.25rem;font-size:clamp(2.1rem,4.5vw,3.15rem);font-weight:650;line-height:1.08}.blog-post-byline{flex-wrap:wrap}.blog-post-avatar{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-size:.75rem;font-weight:700;display:inline-grid}.blog-post-byline strong{color:#111827;font-size:.9rem}.blog-post-byline span{color:#9ca3af;font-size:.8rem}.blog-post-byline time{color:#9ca3af;font-size:.8125rem}.blog-post-tag{color:#4b5563;background:#fff;border:1px solid #e8ecf1;border-radius:9999px;align-items:center;min-height:1.6rem;padding-inline:.55rem;font-size:.75rem;font-weight:600;display:inline-flex}.blog-post-hero{color:#f8fafc;background:radial-gradient(circle at 70% 30%,#ffffff14,#0000 40%),linear-gradient(160deg,#0f172a 0%,#020617 100%);border-radius:1.25rem;flex-direction:column;justify-content:center;gap:.65rem;min-height:16rem;margin-bottom:2rem;padding:2rem;display:flex;overflow:hidden;box-shadow:0 20px 40px -24px #0f172a59}.blog-post-hero.is-violet{background:radial-gradient(circle at 30% 70%,#8b5cf64d,#0000 45%),linear-gradient(160deg,#111827 0%,#1e1b4b 100%)}.blog-post-hero.is-blue{background:radial-gradient(circle at 70% 30%,#3b82f647,#0000 42%),linear-gradient(160deg,#0f172a 0%,#0c4a6e 100%)}.blog-post-hero.is-emerald{background:radial-gradient(circle at 20% 20%,#10b98140,#0000 45%),linear-gradient(160deg,#0f172a 0%,#064e3b 100%)}.blog-post-hero.is-amber{background:radial-gradient(circle at 80% 70%,#f59e0b38,#0000 45%),linear-gradient(160deg,#111827 0%,#78350f 100%)}.blog-post-hero.is-rose{background:radial-gradient(circle at 40% 30%,#f43f5e38,#0000 45%),linear-gradient(160deg,#111827 0%,#4c0519 100%)}.blog-post-hero.is-slate{background:radial-gradient(circle at 60% 40%,#94a3b82e,#0000 45%),linear-gradient(160deg,#0f172a 0%,#1e293b 100%)}.blog-post-hero strong{letter-spacing:-.03em;font-size:clamp(1.5rem,3vw,2rem);font-weight:650}.blog-post-hero p{color:#f8fafcb8;max-width:36rem;margin:0;font-size:.95rem;line-height:1.5}.blog-post-layout{grid-template-columns:minmax(12rem,.85fr) minmax(0,1.6fr);align-items:start;gap:1.5rem;display:grid}.blog-post-toc{background:#fff;border:1px solid #eef2f6;border-radius:1rem;padding:1rem;position:sticky;top:1rem;box-shadow:0 1px 1px #0f172a05}.blog-post-toc>p{color:#111827;margin:0 0 .75rem;font-size:.8125rem;font-weight:650}.blog-post-toc ol{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.blog-post-toc a{color:#6b7280;border-left:2px solid #0000;padding-left:.65rem;font-size:.8125rem;line-height:1.4;text-decoration:none;display:block}.blog-post-toc a:hover{color:#111827;border-left-color:#cbd5e1}.blog-post-content{min-width:0;padding:.25rem 0 1rem}.blog-post-lead{color:#374151;margin:0 0 1.5rem;font-size:1.0625rem;line-height:1.7}.blog-post-content section{margin-bottom:1.75rem;scroll-margin-top:1.25rem}.blog-post-content h2{color:#111827;letter-spacing:-.025em;margin:0 0 .75rem;font-size:1.25rem;font-weight:650}.blog-post-content p{color:#4b5563;margin:0 0 .85rem;font-size:.975rem;line-height:1.7}.blog-post-related{border-top:1px solid #eef2f6;margin-top:1rem;padding-top:2rem}.blog-post-related header{margin-bottom:1rem}.blog-post-related h2{color:#111827;letter-spacing:-.03em;margin:0 0 .3rem;font-size:1.35rem;font-weight:650}.blog-post-related header p{color:#6b7280;margin:0;font-size:.9rem}.blog-post-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}@media (width<=64rem){.blog-post-layout{grid-template-columns:1fr}.blog-post-toc{position:static}.blog-post-related-grid{grid-template-columns:1fr}}