@font-face{font-family:Libron;src:url(/fonts/libron/Libron-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Libron;src:url(/fonts/libron/Libron-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Libron;src:url(/fonts/libron/Libron-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Libron;src:url(/fonts/libron/Libron-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--paper:#f7f8fa;--ink:#1b2130;--muted:#5d6677;--rule:#d8dce4;--link:#2343c4;--code-bg:#eceff4;--serif:"Libron", Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--measure:38rem;--wide:60rem;--gutter:clamp(1.25rem, 5vw, 2.5rem);color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--paper:#13161d;--ink:#e2e5eb;--muted:#949cab;--rule:#2c3240;--link:#93a6ff;--code-bg:#1c2029}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(1.0625rem,.98rem + .35vw,1.1875rem);line-height:1.65}a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:.06em}a:hover{text-decoration-thickness:.12em}:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:2px}img,video,iframe,svg{max-width:100%}img{height:auto}.site-header,.site-footer,main{width:min(100% - 2 * var(--gutter), var(--measure));margin-inline:auto}.site-header{padding-block:2.5rem 0}.site-name{color:var(--ink);letter-spacing:-.01em;font-size:1.05rem;font-weight:600;text-decoration:none}.site-name:hover{color:var(--link)}main{padding-block:clamp(3rem,8vw,5.5rem)}main:has(>.post){width:100%}.site-footer{border-top:1px solid var(--rule);padding-block:1.5rem 3rem;font-size:.9rem}.site-footer nav{gap:1.5rem;display:flex}.site-footer a{color:var(--muted)}.archive-year{border-top:1px solid var(--rule);grid-template-columns:4.5rem 1fr;align-items:baseline;padding-block:1.25rem;display:grid}.archive-year:first-child{border-top:0;padding-top:0}.archive-year h2{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.95rem;font-weight:400}.archive-year ul{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.archive-year a{color:var(--ink);font-size:1.2em;line-height:1.3;text-decoration:none}.archive-year a:hover{color:var(--link);text-decoration:underline}.post,.prose{grid-template-columns:[full-start] minmax(var(--gutter), 1fr) [wide-start] minmax(0, calc((var(--wide) - var(--measure)) / 2)) [content-start] min(100% - 2 * var(--gutter), var(--measure)) [content-end] minmax(0, calc((var(--wide) - var(--measure)) / 2)) [wide-end] minmax(var(--gutter), 1fr) [full-end];display:grid}.post>*,.prose>*{grid-column:content}.post>.prose{grid-column:full}.prose>.wide{grid-column:wide}.prose>.full{grid-column:full}.post-header{margin-bottom:2.5rem}.post-header h1{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(2.1rem,1.5rem + 2.6vw,3.1rem);font-weight:650;line-height:1.08}.post-meta{color:var(--muted);margin:1rem 0 0;font-size:.95rem}.draft-badge{color:var(--muted);vertical-align:.15em;border:1px solid;border-radius:3px;margin-left:.6rem;padding:.05em .45em;font-size:.75rem}.prose>*{margin-block:0 1.25em}.prose h2,.prose h3,.prose h4{letter-spacing:-.012em;text-wrap:balance;line-height:1.25}.prose h2{margin-top:2.2em;font-size:1.5em;font-weight:620}.prose h3{margin-top:1.8em;font-size:1.2em;font-weight:620}.prose h4{margin-top:1.5em;font-size:1em;font-weight:650}.prose p,.prose li{text-wrap:pretty}.prose li+li{margin-top:.35em}.prose hr{border:0;border-top:1px solid var(--rule);width:4rem;margin-block:2.75em}.prose blockquote{border-left:2px solid var(--rule);color:var(--muted);margin-inline:0;padding-left:1.25em}.prose blockquote>:first-child{margin-top:0}.prose blockquote>:last-child{margin-bottom:0}.prose img{border-radius:4px;margin-inline:auto;display:block}.prose iframe{border:1px solid var(--rule);border-radius:4px}.prose :not(pre)>code{background:var(--code-bg);font-family:var(--mono);border-radius:3px;padding:.12em .3em;font-size:.86em}.prose pre{font-family:var(--mono);tab-size:2;border-radius:6px;padding:1.1rem 1.25rem;font-size:.82em;line-height:1.6;overflow-x:auto}.prose pre.astro-code{background-color:var(--code-bg)!important}@media (prefers-color-scheme:dark){.prose .astro-code,.prose .astro-code span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important}}.prose table{border-collapse:collapse;width:100%;font-size:.92em}.prose th,.prose td{border-bottom:1px solid var(--rule);text-align:left;padding:.5em .75em .5em 0}.prose .footnotes{border-top:1px solid var(--rule);color:var(--muted);margin-top:3em;padding-top:1em;font-size:.88em}.prose .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.prose sup a{text-decoration:none}.demo{border:1px solid var(--rule);border-radius:8px;gap:1.1rem;margin-block:2rem 2.5rem;padding:clamp(1rem,3vw,1.5rem);font-size:.92rem;line-height:1.5;display:grid}.demo-title{margin:0;font-size:1.05rem;font-weight:650}.demo-field{gap:.35rem;display:grid}.demo-field>span:first-child,.demo-label-row{color:var(--muted);font-size:.85rem}.demo-label-row{justify-content:space-between;gap:1rem;display:flex}.demo textarea{resize:vertical;border:1px solid var(--rule);background:var(--paper);width:100%;color:var(--ink);font:inherit;font-family:var(--mono);border-radius:4px;padding:.6rem .75rem;font-size:.85rem}.demo textarea:disabled,.demo input:disabled{opacity:.55}.demo input[type=range]{width:100%;accent-color:var(--link)}.demo code{font-family:var(--mono);color:var(--ink)}.demo-hash{overflow-wrap:anywhere;background:var(--code-bg);font-family:var(--mono);font-variant-numeric:tabular-nums;border-radius:4px;padding:.6rem .75rem;font-size:.85rem;display:block}.demo-hash mark{color:var(--link);background:0 0;font-weight:700}.demo-note{color:var(--muted);font-size:.8rem;font-family:var(--mono)}.demo-button{background:var(--link);min-width:6.5rem;color:var(--paper);font:inherit;cursor:pointer;border:0;border-radius:4px;justify-self:start;padding:.55rem 1.2rem;font-weight:600}.demo-button:active{transform:translateY(1px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}