@font-face{font-family:Space Grotesk;src:url(/fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/newsreader.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/newsreader-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono.woff2) format("woff2");font-weight:100 800;font-display:swap}:root{color-scheme:dark;--bg: #070b14;--surface: #0d1320;--border: #1c2433;--text: #e6e9ef;--text-soft: #b6bdcb;--muted: #8b93a5;--accent: #f2b544;--accent-hover: #ffd27a;--link: #f2b544;--on-accent: #070b14;--code-bg: #0a101c;--tone-amber: #f2b544;--tone-teal: #5eead4;--tone-blue: #93c5fd;--tone-violet: #c4b5fd;--tone-rose: #fda4af;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Newsreader", Georgia, serif;--font-ui: "Inter", system-ui, sans-serif;--font-code: "JetBrains Mono", ui-monospace, monospace;--fs-body: clamp(1.125rem, .896rem + .394vw, 1.25rem);--fs-lead: clamp(1.1875rem, 1.05rem + .6vw, 1.375rem);--fs-display: clamp(2.5rem, 1.4rem + 5.5vw, 5rem);--fs-h1: clamp(2.25rem, 1.5rem + 3.75vw, 3.75rem);--fs-h2: clamp(1.5rem, 1.3rem + 1vw, 2.125rem);--fs-h3: clamp(1.25rem, 1.18rem + .35vw, 1.5rem);--fs-ui: .9375rem;--fs-small: .875rem;--fs-code: .90625rem;--gutter: clamp(1rem, .5rem + 2.5vw, 2rem);--section-gap: clamp(3rem, 2rem + 5vw, 4.5rem);--page-width: 1320px;--measure: 68ch;--radius: 16px;--radius-small: 10px;--target: 44px}:root[data-theme=light]{color-scheme:light;--bg: #faf7f0;--surface: #ffffff;--border: #e7e1d4;--text: #1b1f27;--text-soft: #4a4438;--muted: #6b6457;--accent: #b7791f;--accent-hover: #8f5a0c;--link: #955e0e;--on-accent: #070b14;--code-bg: #f3eee3;--tone-amber: #955e0e;--tone-teal: #0f766e;--tone-blue: #1d4ed8;--tone-violet: #6d28d9;--tone-rose: #be123c}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-block-size:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-ui);line-height:1.55}h1,h2,h3{font-family:var(--font-heading);font-weight:600;line-height:1.12;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere}h1{font-size:var(--fs-h1);letter-spacing:-.03em}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}a{color:var(--link)}img,svg,video{display:block;max-inline-size:100%;block-size:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(hover:hover){a:hover{color:var(--accent-hover)}}@media(prefers-reduced-motion:no-preference){a,button{transition:color .15s ease,border-color .15s ease,background-color .15s ease}}.wrap{inline-size:100%;max-inline-size:var(--page-width);margin-inline:auto;padding-inline-start:max(var(--gutter),env(safe-area-inset-left));padding-inline-end:max(var(--gutter),env(safe-area-inset-right))}.skip-link{position:absolute;inset-block-start:8px;inset-inline-start:8px;z-index:10;padding:10px 16px;border-radius:var(--radius-small);background:var(--accent);color:var(--on-accent);font-weight:600;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{border-block-end:1px solid var(--border);padding-block-start:env(safe-area-inset-top)}.site-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-block:12px}.brand{display:inline-flex;align-items:center;gap:10px;min-block-size:var(--target);color:var(--text);font-family:var(--font-heading);font-size:1.1875rem;font-weight:600;text-decoration:none}.brand__mark{display:grid;place-items:center;inline-size:28px;block-size:28px;border:1.5px solid var(--link);border-radius:8px;color:var(--link);font-weight:700;font-size:1rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:var(--target);min-inline-size:var(--target);padding-inline:12px;border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface);color:var(--text-soft);font:inherit;text-decoration:none;cursor:pointer}.button[hidden]{display:none}.site-main{flex:1;padding-block:var(--section-gap);padding-block-end:max(var(--section-gap),env(safe-area-inset-bottom))}.site-footer{border-block-start:1px solid var(--border);color:var(--muted);font-size:var(--fs-small);padding-block:24px max(24px,env(safe-area-inset-bottom))}.section{margin-block-start:var(--section-gap)}.hero{max-inline-size:760px}.hero h1{margin-block:0 18px}.lead{margin:0;color:var(--text-soft);font-family:var(--font-body);font-size:var(--fs-lead);line-height:1.55}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:20px;margin-block-start:20px}.card{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--border);border-block-start:2px solid var(--accent);border-radius:4px var(--radius-small) var(--radius-small) 4px;background:var(--surface);color:var(--text-soft);text-decoration:none}.card strong{color:var(--text);font-family:var(--font-heading);font-size:1.25rem;font-weight:600}.feature-frame{container-type:inline-size}.feature{display:grid;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;text-decoration:none;overflow:hidden}.feature h2{text-wrap:balance}.feature__art{display:grid;place-items:center;padding:24px;background-color:var(--code-bg);background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:20px 20px}.feature__art img{inline-size:min(100%,26rem)}.feature__art--cover{padding:0;background-image:none;overflow:hidden}.feature__art--cover img{inline-size:100%;block-size:100%;object-fit:cover}.feature__body{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:clamp(24px,5cqi,40px)}.feature__body h2{margin:0}@container (min-width: 760px){.feature{grid-template-columns:1fr 1fr}}.site-nav{display:flex;flex:1;flex-wrap:wrap;gap:2px}@media(max-width:699px){.site-nav{flex:0 0 100%;order:3}}.site-nav a,.site-footer a{display:inline-flex;align-items:center;min-block-size:var(--target);min-inline-size:var(--target);color:var(--muted);text-decoration:none}.site-nav a{gap:7px;padding-inline:10px;border-radius:var(--radius-small)}.site-nav .icon{inline-size:1rem;block-size:1rem;color:var(--tone, var(--muted))}.site-nav a[aria-current=page]{background:color-mix(in srgb,var(--tone, var(--accent)) 14%,transparent);color:var(--text)}.site-nav a[aria-current=page] .icon{color:var(--tone, var(--link))}.site-footer a{gap:6px}.site-footer .icon{inline-size:.9rem;block-size:.9rem}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px}.site-footer a{text-decoration:underline}.button--primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:600}.section-title{display:flex;align-items:center;gap:12px;margin:0;font-size:1.5rem;letter-spacing:-.01em}.meta{color:var(--muted);font-size:var(--fs-small)}.pill{padding:3px 10px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:600}.feature__art{min-block-size:clamp(200px,40cqi,300px)}.feature__mark{color:var(--accent);font-family:var(--font-heading);font-size:4rem;font-weight:700}.feature__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:var(--muted);font-size:var(--fs-small)}.feature__summary{margin:0;color:var(--text-soft);font-family:var(--font-body);font-size:1.1875rem;line-height:1.55}.card__count{color:var(--muted);font-family:var(--font-code);font-size:.75rem}.segments{display:flex;gap:4px;margin-block-start:6px}.segments span{flex:1;block-size:4px;border-radius:2px;background:var(--border)}.segments .is-done{background:var(--accent)}@container (min-width: 760px){.feature__art{border-inline-end:1px solid var(--border)}}.prose{max-inline-size:var(--measure);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.7;overflow-wrap:anywhere}.prose>*{margin-block:0}.prose>*+*{margin-block-start:1.25em}.prose>h2{margin-block-start:2em}.prose>h3{margin-block-start:1.75em}.prose code{font-family:var(--font-code);font-size:.85em;background:var(--code-bg);border-radius:4px;padding:.1em .3em}.prose pre{margin:0;padding:16px;background:var(--code-bg);font-size:var(--fs-code);line-height:1.6}.prose pre code{padding:0;font-size:inherit;overflow-wrap:normal;white-space:pre}.scroll{max-inline-size:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-small)}.code-block{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--code-bg);overflow:hidden}.code-block .scroll{border:0;border-radius:0}.code-block__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-block-size:var(--target);padding-inline-start:14px;border-block-end:1px solid var(--border);color:var(--muted);font-family:var(--font-code);font-size:.8125rem;overflow-wrap:anywhere}.code-block__copy{flex:none;min-block-size:var(--target);min-inline-size:var(--target);padding-inline:14px;border:0;background:none;color:var(--link);font:inherit;cursor:pointer}.code-block__copy[hidden]{display:none}.prose .shiki{padding-inline:0;background:none}.prose .shiki code{display:block;inline-size:max-content;min-inline-size:100%;background:none}.prose .shiki .line{display:inline-block;inline-size:100%;padding-inline:16px}.prose .shiki .is-highlighted{background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 2px 0 0 var(--accent)}.shiki span{color:var(--shiki-dark)}:root[data-theme=light] .shiki span{color:var(--shiki-light)}.prose table{inline-size:max-content;min-inline-size:100%;border-collapse:collapse;font-family:var(--font-ui);font-size:var(--fs-small);overflow-wrap:normal}.prose th,.prose td{padding:10px 14px;border-block-end:1px solid var(--border);text-align:start}.prose tr:last-child td{border-block-end:0}.prose figure{margin-inline:0}.prose figure img{border-radius:var(--radius-small)}.prose figcaption{margin-block-start:8px;color:var(--muted);font-family:var(--font-ui);font-size:var(--fs-small)}.callout{padding:14px 18px;border-inline-start:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius-small) var(--radius-small) 0}.timeline .code-block{margin-block-start:12px;font-family:var(--font-ui)}.progress{position:fixed;inset-block-start:0;inset-inline:0;z-index:5;block-size:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}.post{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.post .prose{max-inline-size:none;min-inline-size:0}.post__header{padding-block-end:28px;border-block-end:1px solid var(--border)}.post__header h1{margin-block:0 12px;font-size:clamp(2.25rem,1.75rem + 2.5vw,3.5rem);line-height:1.08}.post__header .lead{color:var(--muted);font-size:clamp(1.125rem,1.05rem + .4vw,1.3125rem)}.post__crumb{margin-block:0 14px;color:var(--tone-amber);font-size:var(--fs-small);font-weight:600}.post__meta{margin-block:16px 0;color:var(--muted);font-size:var(--fs-small)}.post__meta span{display:inline-flex;align-items:center;gap:6px}.post__meta .icon{color:var(--link);inline-size:1rem;block-size:1rem}.toc{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface);font-size:var(--fs-small)}.toc summary{display:flex;align-items:center;min-block-size:var(--target);padding-inline:14px;color:var(--text-soft);font-weight:600;cursor:pointer}.toc ol{margin:0;padding:0 6px 6px;list-style:none}.toc a{display:flex;align-items:center;min-block-size:var(--target);padding-inline:8px;border-inline-start:2px solid transparent;color:var(--muted);line-height:1.3;text-decoration:none}.toc__item--3 a{padding-inline-start:22px}.toc a[aria-current=true]{border-inline-start-color:var(--accent);color:var(--text)}.post__footer{display:grid;gap:32px;border-block-start:1px solid var(--border);padding-block-start:32px}.stepper ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.stepper__dot{display:grid;place-items:center;inline-size:var(--target);block-size:var(--target);border:1px solid var(--border);border-radius:50%;color:var(--text-soft);font-family:var(--font-code);font-size:var(--fs-small);text-decoration:none}.stepper__dot--current{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:700}.stepper__dot--future{color:var(--muted);border-style:dashed}.pager{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:16px}.pager__link{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface);color:var(--text);font-family:var(--font-heading);font-weight:600;text-decoration:none;overflow-wrap:anywhere}.pager__link span{color:var(--muted);font-family:var(--font-ui);font-size:var(--fs-small);font-weight:400}.pager__link--next{grid-column:-2;text-align:end}@media(min-width:1100px){.post{grid-template-columns:15rem minmax(0,1fr);column-gap:56px}.post>*{grid-column:2}.post>.toc{grid-column:1;grid-row:1 / span 3;align-self:start;padding-block:14px 8px}.toc nav:before{content:"On this page";display:block;margin-block-end:6px;padding-inline:14px;color:var(--muted);font-family:var(--font-code);font-size:.8125rem}@supports selector(::details-content){.toc summary{display:none}.toc::details-content{display:block;block-size:auto;content-visibility:visible}}}@media(min-width:1100px)and (min-height:500px){.post>.toc{position:sticky;inset-block-start:24px;max-block-size:calc(100dvh - 48px);overflow-y:auto}}.icon{flex:none;inline-size:1.25em;block-size:1.25em}.tone-amber{--tone: var(--tone-amber)}.tone-teal{--tone: var(--tone-teal)}.tone-blue{--tone: var(--tone-blue)}.tone-violet{--tone: var(--tone-violet)}.tone-rose{--tone: var(--tone-rose)}.chip{display:inline-grid;flex:none;place-items:center;inline-size:2.5rem;block-size:2.5rem;border-radius:12px;background:color-mix(in srgb,var(--tone, var(--link)) 14%,transparent);color:var(--tone, var(--link))}.chip .icon{inline-size:1.25rem;block-size:1.25rem}.prose>h2{display:flex;align-items:center;gap:12px}.prose .tiles,.prose .flow{display:grid;gap:14px;margin-inline:0;padding:0;font-family:var(--font-ui);font-size:var(--fs-ui);line-height:1.5;list-style:none;overflow-wrap:normal}.prose .tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,14.5rem),1fr))}@media(min-width:560px){.prose .tiles--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.prose .tiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{display:flex;flex-direction:column;gap:4px;min-inline-size:0;padding:18px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--tone, var(--link)) 7%,var(--surface)),var(--surface) 60%);color:var(--text-soft)}.tile .chip{margin-block-end:10px}.tile strong,.flow strong{color:var(--text);font-family:var(--font-heading);font-size:1.0625rem;font-weight:600}.prose .flow{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:22px 14px}.flow li{position:relative;display:flex;flex-direction:column;gap:2px;color:var(--text-soft);font-size:var(--fs-small)}.flow .chip{margin-block-end:10px}.callout{display:flex;gap:12px;border-inline-start-color:var(--tone, var(--accent));background:color-mix(in srgb,var(--tone, var(--accent)) 8%,var(--surface));font-family:var(--font-ui);font-size:1rem;line-height:1.55}.callout .icon{margin-block-start:.15em;color:var(--tone, var(--link))}.callout p{margin:0}.prose .swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr));gap:14px;font-size:var(--fs-small)}.swatch{display:flex;flex-direction:column;justify-content:flex-end;min-block-size:5rem;padding:10px 12px;border:1px solid var(--border);border-radius:12px;font-family:var(--font-code);line-height:1.4}.swatch--night{background:#070b14;color:#e6e9ef}.swatch--amber{background:#f2b544;color:#070b14}.swatch--paper{background:#faf7f0;color:#1b1f27}.swatch--ink{background:#955e0e;color:#fff}.prose .record{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:1px;border:1px solid var(--border);border-radius:12px;background:var(--border);font-family:var(--font-ui);overflow:hidden;overflow-wrap:normal}.record div{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--surface);color:var(--muted);font-size:.8125rem}.record strong{color:var(--text);font-size:var(--fs-ui);font-weight:600}.prose .timeline{margin-inline:0;padding:0;counter-reset:step;list-style:none}.timeline>li{position:relative;padding-block-end:22px;padding-inline-start:50px;counter-increment:step}.timeline>li:last-child{padding-block-end:0}.timeline>li:before{content:counter(step);position:absolute;inset-block-start:0;inset-inline-start:0;display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:50%;background:var(--tone, var(--accent));color:var(--bg);font-family:var(--font-code);font-size:var(--fs-small);font-weight:700}.timeline>li:not(:last-child):after{content:"";position:absolute;inset-block:40px 4px;inset-inline-start:16px;inline-size:2px;background:var(--border)}.timeline strong{display:block;font-family:var(--font-heading);font-weight:600}.timeline .record{margin-block-start:12px}.svg-demo{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);font-family:var(--font-ui);font-size:1rem;line-height:1.5}.svg-demo svg{flex:none}.svg-demo p{flex:1 1 14rem;margin:0}@media(min-width:700px){.flow li:not(:last-child):after{content:"";position:absolute;inset-block-start:1.25rem;inset-inline:3.25rem 0;block-size:2px;background:linear-gradient(90deg,var(--tone, var(--link)),var(--border))}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.tile{transition:border-color .15s ease,transform .15s ease}.tile:hover{border-color:var(--tone, var(--accent));transform:translateY(-2px)}}::selection{background:var(--accent);color:var(--on-accent)}.button--icon{padding:0}.icon-sun{display:none}:root[data-theme=light] .icon-sun{display:block}:root[data-theme=light] .icon-moon{display:none}body{background-image:radial-gradient(60rem 28rem at 12% -6rem,color-mix(in srgb,var(--accent) 9%,transparent),transparent);background-repeat:no-repeat}.hero--home{max-inline-size:56rem}.hero .topics{margin-block-start:22px}.hero--home h1{font-size:var(--fs-display);line-height:1.02;text-wrap:pretty}h1 em{display:block;color:var(--link);font-family:var(--font-body);font-style:italic;font-weight:400;letter-spacing:-.02em}.topics{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:14px}.topic{display:inline-flex;align-items:center;gap:8px;min-block-size:var(--target);padding-inline:16px;border:1px solid color-mix(in srgb,var(--tone, var(--accent)) 30%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--tone, var(--accent)) 10%,var(--surface));color:var(--text);font-weight:500;text-decoration:none}.topic .icon{inline-size:1.05rem;block-size:1.05rem;color:var(--tone, var(--link))}.topic--small{padding-inline:12px;font-size:var(--fs-small)}.chip--large{inline-size:3.25rem;block-size:3.25rem;border-radius:14px}.chip--large .icon{inline-size:1.5rem;block-size:1.5rem}.page-hero{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:clamp(16px,2.5vw,24px);border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(120deg,color-mix(in srgb,var(--tone, var(--accent)) 14%,var(--surface)),var(--surface) 65%)}.page-hero>div{flex:1 1 16rem;min-inline-size:0}.page-hero h1{margin:0;font-size:clamp(1.625rem,1.4rem + 1vw,2.25rem)}.page-hero .lead{margin-block-start:4px;font-size:1.125rem}.page-hero__action{margin-block:18px 0}.prose--wide{max-inline-size:none}.link-card{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text-soft);text-decoration:none}.link-card>span:nth-child(2){flex:1 1 12rem}.link-card strong{display:block;color:var(--text);font-family:var(--font-heading);font-weight:600}.card__index{position:absolute;inset-block-start:20px;inset-inline-end:24px;color:var(--muted);font-family:var(--font-code);font-size:var(--fs-small)}.prose a{text-decoration-color:color-mix(in srgb,var(--link) 45%,transparent);text-decoration-thickness:1px;text-underline-offset:.2em}.prose blockquote{margin-inline:0;padding-inline-start:1.25em;border-inline-start:2px solid var(--border);color:var(--text-soft);font-style:italic}.post__meta{display:flex;flex-wrap:wrap;gap:2px 14px}@media(hover:hover){.feature,.card,.link-card,.pager__link{transition:border-color .15s ease}.feature:hover,.card:hover,.link-card:hover,.pager__link:hover{border-color:var(--accent)}.feature:hover h2{color:var(--link)}}.topic-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-block-end:16px;border-block-end:1px solid var(--border)}.topic-head__text{flex:1 1 14rem;min-inline-size:0}.topic-head h2{margin:0;font-size:1.5rem}.topic-head p{margin-block:2px 0;color:var(--text-soft);font-family:var(--font-body);font-size:1.0625rem}.more{display:inline-flex;align-items:center;min-block-size:var(--target);color:var(--tone, var(--link));font-size:var(--fs-small);font-weight:600;text-decoration:none}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:20px;margin-block-start:20px}.post-card{display:flex;flex-direction:column;min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-soft);text-decoration:none;overflow:hidden}.post-card__art{display:block;aspect-ratio:16 / 9;border-block-end:1px solid var(--border);overflow:hidden}.post-card__art img{inline-size:100%;block-size:100%;object-fit:cover}.post-card__art--icon{display:grid;place-items:center;background-color:color-mix(in srgb,var(--tone) 12%,var(--code-bg));background-image:radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--tone) 30%,transparent),transparent 55%),radial-gradient(color-mix(in srgb,var(--tone) 22%,transparent) 1px,transparent 1px);background-size:100% 100%,18px 18px}.post-card__art .chip{inline-size:3.75rem;block-size:3.75rem;border-radius:18px}.post-card__art .icon{inline-size:1.75rem;block-size:1.75rem}.post-card__body{display:flex;flex:1;flex-direction:column;gap:6px;padding:18px 20px}.post-card__kicker{color:var(--tone);font-size:var(--fs-small);font-weight:600}.post-card__title{color:var(--text);font-family:var(--font-heading);font-size:1.25rem;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.post-card__summary{line-height:1.5}.post-card__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;margin-block-start:auto;padding-block-start:12px;color:var(--muted);font-size:var(--fs-small)}.post-card__read{color:var(--tone);font-weight:600}@media(hover:hover){.post-card{transition:border-color .15s ease}.post-card:hover{border-color:var(--tone)}.post-card:hover .post-card__title{color:var(--tone)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.post-card{transition:border-color .15s ease,transform .15s ease}.post-card:hover{transform:translateY(-3px)}}
.c-1yedti{--shiki-dark:#E6EDF3;--shiki-light:#0E1116}.c-lu4i6n{--shiki-dark:#7EE787;--shiki-light:#024C1A}.c-17tf3k{--shiki-dark:#e6edf3;--shiki-light:#0e1116;--shiki-dark-bg:#0d1117;--shiki-light-bg:#ffffff}.c-1n5586{--shiki-dark:#79C0FF;--shiki-light:#023B95}.c-2ew4ck{--shiki-dark:#A5D6FF;--shiki-light:#032563}.c-15rvwd{--shiki-dark:#FFA657;--shiki-light:#702C00}.c-oldu33{--shiki-dark:#FF7B72;--shiki-light:#A0111F}.c-1eigbm{--shiki-dark:#D2A8FF;--shiki-light:#622CBC}