.blog-shell{max-width:1100px;margin:auto;padding:2rem 1.25rem 5rem;color:#e8f6fa;line-height:1.8}.blog-nav{display:flex;justify-content:space-between;margin-bottom:3rem;gap:1rem;font-weight:600}.blog-home{display:inline-flex;align-items:center;gap:.75rem}.blog-shell a{color:#80efdf;text-underline-offset:.22em}.blog-shell a:not(.blog-card){text-decoration-line:underline;text-decoration-thickness:1px}.blog-shell a:not(.blog-card):hover{text-decoration-thickness:2px}.blog-shell h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15;letter-spacing:-.045em;max-width:25ch;margin:1.5rem 0 1rem;text-wrap:balance}.blog-dek{max-width:65ch;font-family:system-ui,sans-serif;font-size:clamp(1.125rem,2vw,1.35rem);font-weight:400;line-height:1.65;color:#c8e2eb;margin:0 0 1.25rem}.blog-playground-link{display:inline-block;font-weight:600;margin-top:.5rem}.blog-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:.75rem;margin:1.25rem 0}.blog-card{display:block;width:100%;max-width:500px;overflow:hidden;text-decoration:none}.blog-card>img,.blog-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.blog-date{margin:.5rem 0}.blog-article{border:1px solid #ffffff26;padding:clamp(1rem,4vw,3rem);overflow:hidden}.blog-prose{max-width:68ch;margin:3rem auto 0;font-family:system-ui,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.85;color:#e8f6fa;overflow-wrap:break-word}.blog-prose ol,.blog-prose p,.blog-prose ul{margin:1.3em 0}.blog-prose li{margin:.4em 0}.blog-prose ul{list-style:disc;padding-left:1.5em}.blog-prose ol{list-style:decimal;padding-left:1.5em}.blog-prose :is(h2,h3,h4,h5,h6){font-family:var(--font-display);text-wrap:balance;scroll-margin-top:2rem;letter-spacing:-.025em}.blog-prose h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.3;margin:2.25em 0 .75em}.blog-prose h3{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:650;line-height:1.4;margin:1.8em 0 .65em}.blog-prose h4{font-size:1.125rem;font-weight:600;line-height:1.5;margin:1.6em 0 .6em}.blog-prose :is(h5,h6){font-size:1rem;font-weight:600;line-height:1.5;margin:1.5em 0 .5em}.blog-prose strong{font-weight:700;color:#f3fbff}.blog-prose em{font-style:italic}.blog-prose a{font-weight:500}.blog-prose th{font-weight:700}.blog-prose pre{overflow:auto;background:#001c2bcc;padding:1.25rem;border-radius:var(--radius-glass);font-size:.9rem}.blog-prose code{font-family:var(--font-display);overflow-wrap:anywhere}.blog-prose img{max-width:100%;height:auto;border-radius:var(--radius-glass);margin:2rem auto}.blog-prose blockquote{border-inline-start:3px solid var(--colors__accent);padding-inline-start:1.25rem}.blog-prose table{display:block;overflow:auto;border-collapse:collapse}.blog-prose td,.blog-prose th{border:1px solid #ffffff40;padding:.5rem .75rem}