#blog{min-width:0}.blog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;color:var(--muted);font:500 .75rem var(--mono)}.blog-toolbar>div{display:flex;align-items:center;gap:8px}.blog-count{min-width:56px;text-align:center}.blog-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #465049;border-radius:50%;background:#171d1a;color:var(--ink);font-size:20px;cursor:pointer}.blog-arrow:disabled{opacity:.35;cursor:default}.blog-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;list-style:none;padding:2px 2px 20px;margin:0;scrollbar-width:thin;scrollbar-color:#4c6758 #141b17}.blog-card{flex:0 0 calc((100% - 32px)/3);min-width:0;scroll-snap-align:start}.blog-card article{height:100%;background:var(--surface);border:1px solid var(--line)}.blog-art{display:block;width:100%;aspect-ratio:16/9;background:#101614}.blog-art path,.blog-art circle,.blog-art rect{vector-effect:non-scaling-stroke}.blog-art.mint{color:var(--mint)}.blog-art.orange{color:var(--orange)}.blog-art.purple{color:#bb9cff}.blog-art.blue{color:#7bc5ff}.blog-art.yellow{color:#ffd16f}.art-grid{fill:none;stroke:#ffffff12}.art-line,.art-flow,.art-spoke,.art-divider,.art-base,.art-loop,.art-arrow{fill:none;stroke:currentColor;stroke-width:4}.art-ring{fill:none;stroke:currentColor;stroke-width:28;stroke-dasharray:475 192;transform:rotate(-86deg);transform-origin:center}.blog-art circle,.blog-art rect{fill:#101614;stroke:currentColor;stroke-width:4}.art-funnel{fill:#ffffff08;stroke:currentColor;stroke-width:4}.blog-copy{padding:20px}.blog-copy>span{font:500 .7rem var(--mono);color:var(--mint)}.blog-copy h3{font-size:1.35rem;line-height:1.15;letter-spacing:-.035em;margin:1rem 0 .7rem}.blog-copy p{font-size:.92rem;line-height:1.6;color:var(--muted);margin:0}.blog-track:focus-visible,.blog-arrow:focus-visible{outline:2px solid var(--mint);outline-offset:4px}@media(max-width:900px){.blog-card{flex-basis:calc((100% - 16px)/2)}}@media(max-width:599px){.blog-card{flex-basis:86%}.blog-track{gap:12px}.blog-copy{padding:18px}.blog-copy h3{font-size:1.25rem}.blog-copy p{font-size:1rem}}@media(prefers-reduced-motion:reduce){.blog-track{scroll-behavior:auto}}