@layer reset,base,layout,components,responsive,home;@layer blog{.blog-post,.blog-index{max-inline-size:1200px;padding-block:var(--space-2xl) var(--space-3xl)}.blog-heading{max-inline-size:880px;margin-block-end:var(--space-2xl)}.blog-heading h1{letter-spacing:var(--tracking-display);text-wrap:pretty;margin-block:var(--space-lg);overflow-wrap:break-word;min-width:0;font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.18}.blog-heading .blog-intro{font-size:var(--text-lead);max-inline-size:65ch;line-height:1.6}.blog-back,.blog-feed,.blog-read{min-block-size:44px;color:var(--color-accent);font-size:var(--text-sm);align-items:center;text-decoration-thickness:1px;display:inline-flex}.blog-meta{gap:var(--space-md) var(--space-xl);font-size:var(--text-sm);color:var(--color-muted);flex-wrap:wrap;margin-block-start:var(--space-lg);display:flex}.blog-meta div{gap:var(--space-xs);flex-wrap:wrap;display:flex}.blog-meta dt{font-weight:var(--weight-strong)}.blog-reading-grid{gap:var(--space-2xl);grid-template-columns:230px minmax(0,1fr);align-items:start;display:grid}.blog-reading-column{min-inline-size:0;max-inline-size:720px}.blog-toc{max-block-size:calc(100svh - 120px);font-size:var(--text-sm);padding-inline-end:var(--space-md);line-height:1.5;position:sticky;inset-block-start:96px;overflow-y:auto}.blog-toc summary{font-weight:var(--weight-strong);align-items:center;gap:var(--space-xs);cursor:pointer;min-block-size:44px;display:flex}.blog-toc summary:after{content:"+";margin-inline-start:auto}.blog-toc details[open] summary:after{content:"−"}.blog-toc ol{color:var(--color-muted);padding-inline-start:var(--space-lg)}.blog-toc li{padding-inline-start:var(--space-2xs)}.blog-toc a{padding-block:var(--space-xs);text-decoration:none;display:block}.blog-toc a:hover{color:var(--color-accent);text-decoration:underline}.blog-prose{font-size:18px;line-height:1.8}.blog-prose p{margin-block:0 var(--space-lg);color:var(--color-ink)}.blog-prose h2{margin-block:var(--space-2xl) var(--space-md);letter-spacing:0;text-wrap:pretty;scroll-margin-block-start:100px;font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.4}.blog-prose h3{font-size:var(--text-lg);margin-block:var(--space-xl) var(--space-sm);letter-spacing:0;scroll-margin-block-start:100px;line-height:1.5}.blog-prose :is(ul,ol){margin-block:var(--space-md) var(--space-lg);padding-inline-start:var(--space-lg)}.blog-prose li+li{margin-block-start:var(--space-sm)}.blog-prose strong{font-weight:650}.blog-prose :is(table,pre){max-inline-size:100%;margin-block:var(--space-lg);font-size:var(--text-md);display:block;overflow-x:auto}.blog-prose table{border-collapse:collapse;line-height:1.65}.blog-prose :is(th,td){min-inline-size:125px;padding:var(--space-md);border-block-end:1px solid var(--color-rule);text-align:start;vertical-align:top}.blog-prose th{font-weight:var(--weight-strong);background:var(--color-paper-2)}.blog-prose pre{padding:var(--space-md);background:var(--color-paper-2)}.blog-prose blockquote{border-inline-start:3px solid var(--color-accent);margin-inline:0;padding-inline-start:var(--space-lg)}.blog-prose a{color:var(--color-accent);overflow-wrap:anywhere}.blog-prose img{border-radius:var(--radius)}.blog-figure{margin-block:var(--space-xl)}.blog-figure img{border:1px solid var(--color-rule);border-radius:var(--radius)}.blog-figure figcaption{color:var(--color-muted);font-size:var(--text-sm);margin-block-start:var(--space-sm);line-height:1.6}.blog-cta{padding:var(--space-xl);margin-block:var(--space-2xl);background:var(--color-paper-2);border-radius:var(--radius)}.blog-cta h2,.blog-sources h2{font-size:var(--text-xl);letter-spacing:0;text-wrap:pretty;line-height:1.4}.blog-cta>p{margin-block-start:var(--space-md)}.blog-cta-actions{align-items:center;gap:var(--space-md);margin-block:var(--space-md);flex-wrap:wrap;display:flex}.blog-cta-actions .download{padding-inline-start:0}.blog-cta-actions>a:not(.download){min-block-size:44px;color:var(--color-accent);align-items:center;display:inline-flex}.blog-note{font-size:var(--text-sm);line-height:1.65}.blog-sources{border-block-start:1px solid var(--color-rule);padding-block:var(--space-xl);font-size:var(--text-sm)}.blog-sources p{margin-block:var(--space-sm) var(--space-md)}.blog-sources ul{padding-inline-start:var(--space-lg)}.blog-sources li+li{margin-block-start:var(--space-sm)}.blog-sources a{overflow-wrap:anywhere}.blog-list{max-inline-size:820px;padding:0;list-style:none}.blog-list article{padding-block:var(--space-xl);border-block-start:1px solid var(--color-rule)}.blog-list time{font-size:var(--text-sm);color:var(--color-muted)}.blog-list h2{letter-spacing:0;margin-block:var(--space-md);text-wrap:pretty;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.35}.blog-list h2 a{text-decoration:none}.blog-list h2 a:hover{text-decoration:underline}.blog-list p{max-inline-size:65ch}.blog-list .blog-read{margin-block-start:var(--space-md)}.blog-post :focus-visible,.blog-index :focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}@media (width<=999px){.blog-reading-grid{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.blog-reading-column{max-inline-size:100%}.blog-toc{max-block-size:none;padding:var(--space-md) var(--space-lg);border-block:1px solid var(--color-rule);position:static}.blog-toc ol{columns:2;column-gap:var(--space-xl)}.blog-toc li{break-inside:avoid}}@media (width<=600px){.blog-post,.blog-index{padding-block:var(--space-xl) var(--space-2xl)}.blog-heading{margin-block-end:var(--space-xl)}.blog-prose{font-size:17px}.blog-toc ol{columns:auto}.blog-toc{padding-inline:0}.blog-cta{padding:var(--space-lg)}}}