@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif/source-serif-4-variable.woff2) format("woff2")}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif/source-serif-4-italic-variable.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter/inter-variable.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/inter/inter-italic-variable.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono/jetbrains-mono-variable.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono/jetbrains-mono-italic-variable.woff2) format("woff2")}:root{--bg: #faf7f2;--bg-code: #f0ede8;--bg-hover: rgba(128, 128, 128, .08);--bg-selection: rgba(0, 0, 0, .12);--fg: #282828;--fg2: #504945;--fg3: #6b6866;--fg4: #676767;--fg5: #969696;--red: #ad2111;--blue: #0e9ee4;--green: #9cc355;--border-light: color-mix(in srgb, var(--fg5) 15%, transparent);--border-medium: color-mix(in srgb, var(--fg5) 30%, transparent);--border-heavy: color-mix(in srgb, var(--fg5) 40%, transparent);--underline-subtle: color-mix(in srgb, var(--fg) 25%, transparent);--font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Consolas, monospace;--text-body: 17px;--text-nav: 15px;--text-sm: 14px;--text-xs: 13px;--text-xxs: 12px;--text-code: 13.5px;--text-code-mobile: 12.5px;--leading-body: 1.65;--leading-code: 1.55;--content-width: 660px;--post-container-width: 960px;--page-padding: 1.25rem;--breakpoint-mobile: 640px;--sidenote-width: 240px;--sidenote-gap: 32px;--space-prose: 1.333rem;--radius-sm: 3px;--radius-md: 4px;--transition-fast: .2s ease;--transition-faster: .15s ease}.env-banner{width:100%;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.05em;padding:.3rem .75rem}.env-banner--dev{color:#f2f2f2;background-color:#b51700}.env-banner--preview{color:#000;background-color:#feae00}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:var(--fg5) var(--bg)}body{font-family:var(--font-serif);font-size:var(--text-body);line-height:var(--leading-body);background-color:var(--bg);color:var(--fg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--bg-selection)}a{color:var(--fg2);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--fg);text-decoration:underline;text-decoration-color:var(--underline-subtle);text-underline-offset:2px}.wrapper{display:flex;flex-direction:column;min-height:100vh;padding:0 var(--page-padding)}.main{flex:1;width:100%;max-width:var(--content-width);margin:0 auto;padding:2rem 0}hr{border:none;height:1px;background-color:var(--border-heavy);margin:2rem 0}img{max-width:100%;height:auto}.site-header{width:100%;max-width:var(--content-width);margin:0 auto;padding:1.5rem 0 .5rem}.nav{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--font-sans);font-size:var(--text-nav)}.nav-logo{font-weight:500;color:var(--fg);text-decoration:none;letter-spacing:-.01em}.nav-logo:hover{text-decoration:none;color:var(--fg)}.nav-links{display:flex;gap:1.5rem}.nav-link{position:relative;color:var(--fg4);text-decoration:none;transition:color var(--transition-fast)}.nav-link:hover{color:var(--fg2);text-decoration:none}.nav-link.active{color:var(--fg2)}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1.5px;background-color:var(--fg2)}.site-footer{width:100%;max-width:var(--content-width);margin:0 auto;padding:2rem 0;font-family:var(--font-sans);font-size:var(--text-xs);color:var(--fg5);display:flex;justify-content:space-between;border-top:1px solid var(--border-medium)}.site-footer a{color:var(--fg4)}.site-footer a:hover{color:var(--fg3);text-decoration:none}.post-list{list-style:none;padding:0;margin:0}.post-list-item{margin:0;padding:0}.post-item-link{display:grid;grid-template-columns:110px 1fr;gap:1rem;padding:.6rem 0;text-decoration:none;color:inherit;border-bottom:1px solid var(--border-light);transition:background-color var(--transition-faster)}.post-item-link:hover{background-color:var(--bg-hover);text-decoration:none}.post-item-link:hover .post-item-title{text-decoration:underline;text-decoration-color:var(--underline-subtle);text-underline-offset:2px}.post-item-link time{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--fg4);padding-top:.1em}.post-item-title{font-family:var(--font-serif);font-weight:600;font-size:1rem;color:var(--fg)}.post-heading{margin-bottom:2.5rem}.post-title{font-family:var(--font-serif);font-weight:600;font-size:1.75rem;line-height:1.3;margin-bottom:.5rem}.post-meta{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--fg4)}.post-updated{color:var(--fg5)}.four-oh-four{text-align:center;padding:3rem 0}.four-oh-four h1{font-family:var(--font-mono);font-size:4rem;font-weight:700;color:var(--fg3);margin-bottom:.5rem}.four-oh-four p{color:var(--fg4);margin-bottom:1.5rem}.four-oh-four img{max-width:280px;margin:0 auto 1.5rem;display:block}.content .specs-table{display:table;border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm)}.specs-table tr:not(:last-child) td{border-bottom:1px solid var(--border-light)}.content .specs-table td{padding:.65rem 0;border:none;vertical-align:top}.specs-table td:first-child{font-family:var(--font-sans);color:var(--fg4);white-space:nowrap;width:140px}.specs-table td:last-child{font-family:var(--font-mono)}.env-tag{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xxs);font-weight:500;padding:.1rem .4rem;border-radius:var(--radius-sm);letter-spacing:.02em}.env-tag.production{color:#f2f2f2;background-color:#006c65}.env-tag.preview{color:#000;background-color:#feae00}.env-tag.local{color:#f2f2f2;background-color:#b51700}@media(max-width:640px){.post-item-link{grid-template-columns:1fr;gap:.15rem}.post-item-link time{font-size:var(--text-xs)}.post-title{font-size:1.5rem}}.content h1{font-family:var(--font-serif);font-weight:600;font-size:1.75rem;line-height:1.3;margin-top:2.8rem;margin-bottom:1rem}.content h2{font-family:var(--font-serif);font-weight:600;font-size:1.45rem;line-height:1.35;margin-top:2.8rem;margin-bottom:.8rem}.content h3{font-family:var(--font-serif);font-weight:600;font-size:1.25rem;line-height:1.4;margin-top:2.2rem;margin-bottom:.6rem}.content h4{font-family:var(--font-serif);font-weight:600;font-size:1.1rem;line-height:1.4;margin-top:2rem;margin-bottom:.5rem}.content h5{font-family:var(--font-serif);font-weight:600;font-size:1rem;line-height:1.5;margin-top:1.8rem;margin-bottom:.5rem}.content h6{font-family:var(--font-sans);font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fg3);margin-top:1.8rem;margin-bottom:.5rem}.content p{margin-bottom:var(--space-prose)}.content p+p{margin-top:0}.content ul{list-style:square;margin-left:1.5rem;margin-bottom:var(--space-prose)}.content ol{margin-left:1.5rem;margin-bottom:var(--space-prose)}.content li{margin-bottom:.35rem;padding-left:.25rem}.content li>ul,.content li>ol{margin-top:.35rem;margin-bottom:.35rem}.content a{color:var(--fg2);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--fg2) 30%,transparent);text-underline-offset:2px;transition:text-decoration-color var(--transition-fast)}.content a:hover{text-decoration-color:var(--fg2)}.content :not(pre)>code{font-family:var(--font-mono);font-size:.88em;color:var(--red);background-color:var(--bg-code);padding:.15em .35em;border-radius:var(--radius-sm)}.content pre{font-family:var(--font-mono);font-size:var(--text-code);line-height:var(--leading-code);background-color:var(--bg-code);padding:1rem 1.25rem;border-radius:var(--radius-md);overflow-x:auto;margin-bottom:1.5rem;-webkit-overflow-scrolling:touch}.content pre code{font-family:inherit;font-size:inherit;color:inherit;background:none;padding:0;border-radius:0}.content blockquote{border-left:3px solid color-mix(in srgb,var(--fg4) 40%,transparent);padding-left:1.25rem;margin-bottom:var(--space-prose);color:var(--fg3)}.content blockquote p{margin-bottom:.75rem}.content blockquote p:last-child{margin-bottom:0}.content table{border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;width:auto;max-width:100%;overflow-x:auto;display:block}.content th,.content td{padding:.5rem 1rem;text-align:left;border:1px solid var(--border-medium)}.content th{font-weight:600;background-color:color-mix(in srgb,var(--fg5) 8%,var(--bg));font-family:var(--font-sans);font-size:.9rem}.content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1rem 0}.content figure{margin:1.5rem 0}.content figure img{margin:0}.content figcaption{font-family:var(--font-sans);font-size:.85rem;color:var(--fg4);margin-top:.5rem;line-height:1.4}.content hr{margin:2.5rem 0}.content strong{font-weight:600}.content em{font-style:italic}.content iframe{max-width:100%;margin:1.5rem 0;border-radius:var(--radius-md)}@media(max-width:640px){.content pre{font-size:var(--text-code-mobile);padding:.75rem 1rem;border-radius:0;margin-left:calc(-1 * var(--page-padding));margin-right:calc(-1 * var(--page-padding))}}.content .astro-code{background-color:var(--bg-code)!important;padding:1rem 1.25rem;border-radius:var(--radius-md);font-size:var(--text-code);line-height:var(--leading-code)}@media(max-width:640px){.content .astro-code{font-size:var(--text-code-mobile);padding:.75rem 1rem;border-radius:0;margin-left:calc(-1 * var(--page-padding));margin-right:calc(-1 * var(--page-padding))}}