@layer reset,tokens,base,components,layout,content,utilities;@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5rem}img,svg,video,picture{display:block;max-width:100%}img{height:auto}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}[hidden]{display:none!important}input{font:inherit;color:inherit}}@layer tokens{:root{color-scheme:light dark;--main-25: light-dark(#fafafa, #09090b);--main-50: light-dark(#fafafa, #09090b);--main-100: light-dark(#f4f4f5, #18181b);--main-200: light-dark(#e4e4e7, #27272a);--main-300: light-dark(#d4d4d8, #3f3f46);--main-400: light-dark(#a1a1aa, #52525b);--main-500: #71717a;--main-600: light-dark(#52525b, #a1a1aa);--main-700: light-dark(#3f3f46, #d4d4d8);--main-800: light-dark(#27272a, #e4e4e7);--main-900: light-dark(#18181b, #f4f4f5);--primary-500: #64748b;--primary-600: light-dark(#475569, #94a3b8);--primary-700: light-dark(#334155, #94a3b8);--primary-800: #1e293b;--link-hover: light-dark(#1e293b, #f1f5f9);--on-primary: #ffffff;--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--radius: 1rem;--container: 80rem;--gutter: 1rem;--header-h: 4rem;--ease: cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media(width>=40rem){:root{--gutter: 1.5rem}}}@layer base{html{background:var(--main-25)}body{font-family:var(--font);font-size:1rem;line-height:1.5;background:var(--main-25);color:var(--main-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;display:flex;flex-direction:column}main{flex:1}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:.25rem}::selection{background:color-mix(in srgb,var(--primary-500) 25%,transparent)}.icon{width:1.25rem;height:1.25rem;flex-shrink:0;overflow:visible;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:1rem;height:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;left:-999px;top:.5rem;z-index:100;padding:.5rem 1rem;background:var(--main-900);color:var(--main-25);border-radius:.5rem}.skip:focus{left:.5rem}}@layer layout{.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--main-100) 92%,transparent);backdrop-filter:saturate(1.4) blur(8px);box-shadow:var(--shadow-sm)}.site-header .container{display:flex;align-items:center;height:var(--header-h);gap:.5rem}.brand{display:flex;align-items:center;gap:.5rem;flex-shrink:0;font-weight:600}.brand img{height:2rem;width:auto;margin-bottom:3px}.nav{display:none;flex:1;justify-content:center;gap:1.25rem;padding-inline:1.25rem}.nav a{font-weight:500;color:var(--main-600);padding:.5rem .75rem;border-radius:.5rem;transition:background-color .3s var(--ease),color .3s var(--ease)}.nav a:hover{background:color-mix(in srgb,var(--main-200) 60%,transparent)}.header-actions{display:flex;align-items:center;margin-inline-start:auto}.icon-button{display:inline-flex;align-items:center;gap:.125rem;padding:.5rem;border-radius:.25rem;color:var(--main-600);transition:background-color .2s var(--ease)}.icon-button:hover{background:color-mix(in srgb,var(--main-200) 60%,transparent);color:var(--main-900)}.theme-picker{margin-inline:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;background:var(--primary-800);color:var(--on-primary);transition:transform .3s,opacity .3s}.button:hover{transform:translateY(-2px);opacity:.85}.header-cta{display:none}.menu-toggle{margin-inline-start:auto;color:var(--main-400)}@media(width>=48rem){.nav{display:flex}.header-cta{display:inline-flex}.menu-toggle{display:none}.theme-picker{margin-inline:1.25rem}}@media(width<48rem){.header-actions{margin-inline:auto;gap:1.5rem}.menu-toggle{margin-inline-start:0}}.mobile-menu{position:fixed;inset:var(--header-h) 0 auto 0;margin:0;width:100%;max-width:none;border:0;padding:0;background:var(--main-25);border-block-end:1px solid var(--main-200);box-shadow:var(--shadow-lg)}.mobile-menu ul{padding:.5rem 1.25rem}.mobile-menu li a{display:block;padding:.75rem 0;font-weight:500;color:var(--main-700)}.mobile-menu .mobile-cta{border-block-start:1px solid var(--main-200);padding:1rem 1.25rem}.mobile-menu .button{width:100%}.menu-toggle .icon-close{display:none}body:has(.mobile-menu:popover-open) .menu-toggle .icon-open{display:none}body:has(.mobile-menu:popover-open) .menu-toggle .icon-close{display:block}.site-footer{margin-block-start:.5rem}.site-footer .container{padding-block:.5rem 2.5rem;display:grid;gap:1.25rem}.site-footer .brand img{height:1.75rem}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.powered{font-size:.875rem;color:var(--main-500)}.powered a{text-decoration:underline}.powered a:hover{color:var(--main-600)}.made-with{display:inline-flex;align-items:center;gap:.25rem;vertical-align:bottom}.made-with .icon{flex-shrink:0}.socials{display:flex;gap:.5rem;color:var(--main-600)}.socials a:hover,.rss:hover{color:var(--main-900)}.rss{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--main-600);width:fit-content}}@layer components{.dropdown{margin:0;inset:auto;padding:.25rem;border:1px solid var(--main-200);border-radius:.375rem;background:var(--main-100);color:var(--main-700);box-shadow:var(--shadow-lg);min-width:9rem;position-area:bottom span-left;margin-block-start:.375rem}@supports not (position-area: bottom){.dropdown{inset:calc(var(--header-h) - .25rem) 1rem auto auto}}.dropdown button{display:flex;width:100%;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.25rem;font-size:.875rem}.dropdown button:hover,.dropdown button[aria-checked=true]{background:var(--main-200);color:var(--main-900)}:root:not(.js) :is(.theme-picker,[data-search-open],[data-copy]){display:none}.theme-picker .when-dark{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-picker .when-light{display:none}:root:not([data-theme=light]) .theme-picker .when-dark{display:block}}:root[data-theme=dark] .theme-picker .when-light{display:none}:root[data-theme=dark] .theme-picker .when-dark{display:block}.search{margin:5rem auto auto;width:min(48rem,calc(100% - 2rem));padding:0;border:0;border-radius:.75rem;background:var(--main-25);color:var(--main-900);box-shadow:0 25px 50px -12px #00000040;max-height:calc(100dvh - 8rem);overflow:hidden}.search::backdrop{background:#09090b66}.search-field{display:flex;align-items:center;gap:.75rem;padding:0 1rem;border-block-end:1px solid var(--main-200)}.search-field .icon{color:var(--main-400)}.search-field input{flex:1;height:3rem;border:0;outline:0;background:transparent}.search-field input::-webkit-search-cancel-button{appearance:none}.search-results{overflow-y:auto;max-height:calc(100dvh - 12rem);padding:.5rem}.search-results:empty{display:none}.search-results a{display:block;padding:.75rem;border-radius:.5rem}.search-results a:hover,.search-results a:focus-visible{background:var(--main-100)}.search-results strong{display:block;font-weight:600}.search-results p{font-size:.875rem;color:var(--main-600);margin-block-start:.25rem}.search-results mark{background:none;color:var(--primary-700);font-weight:600}.search-status{padding:1.25rem;text-align:center;font-size:.875rem;color:var(--main-500)}.h1,.h2,.h5{font-weight:700;letter-spacing:-.025em}.h1{font-size:2.25rem;line-height:1.25;color:var(--main-900)}.h2{font-size:1.875rem;line-height:1.25;color:var(--main-800)}.h5{font-size:1.125rem;line-height:1.75rem;color:var(--main-900)}@media(width>=48rem){.h1{font-size:3.75rem;line-height:1}.h2{font-size:2.25rem;line-height:2.5rem}.h5{font-size:1.25rem}}.tag-link{font-size:.875rem;font-weight:500;color:var(--primary-700)}.tag-link:hover{color:var(--link-hover);text-decoration:underline}.tag-list{display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin-block-end:.5rem}.byline{display:flex;align-items:center;gap:.75rem;width:fit-content}.avatar{position:relative;width:3rem;height:3rem;flex-shrink:0;border-radius:50%;overflow:hidden;border:1px solid var(--main-200);background:var(--main-100);display:grid;place-items:center;font-weight:600;color:var(--main-600)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:2.5rem;height:2.5rem;font-size:.875rem}.avatars{display:flex}.avatars .avatar+.avatar{margin-inline-start:-.75rem;box-shadow:0 0 0 2px var(--main-25)}.byline-name{font-weight:500;color:var(--main-900)}.byline time{display:block;color:var(--main-600)}.byline-sm .byline-name,.byline-sm time{font-size:.875rem}.byline-sm time{color:var(--main-500)}.breadcrumb{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--main-600);margin-block-end:1rem;min-width:0}.breadcrumb a:hover{text-decoration:underline;color:var(--link-hover)}.breadcrumb [aria-current]{color:var(--primary-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(width>=40rem){.breadcrumb{font-size:1rem}}.pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:1.5rem}.pill{border-radius:9999px;border:1px solid var(--main-100);padding:.5rem 1rem;font-weight:500;background:var(--main-50);color:var(--main-700);transition:background-color .2s}.pill:hover{background:var(--main-100)}.pill[aria-current]{background:color-mix(in srgb,var(--main-200) 70%,transparent);color:var(--main-800)}.post-grid{display:grid;gap:3rem;align-items:start}@media(width>=48rem){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 2rem}}.card{display:flex;flex-direction:column;height:100%;transition:transform .2s ease-in}.card:hover{transform:translateY(-.25rem)}.card-media{display:block;margin-block-end:1.5rem;border-radius:var(--radius);overflow:hidden;aspect-ratio:3 / 1;background:var(--main-100)}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease-out}.card-media:hover img{transform:scale(1.05)}.card-fallback{width:100%;height:100%;display:grid;place-items:center;padding:1rem;background:var(--primary-800);color:var(--on-primary);text-align:center;font-weight:500;font-size:clamp(1rem,.8rem + 1vw,1.5rem);line-height:1.35;text-wrap:balance}.card-title{margin-block-end:.5rem}.card-title:hover,.featured-text a:hover .h2{color:var(--link-hover)}.card p{margin-block-end:1.25rem;color:var(--main-600);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.load-more{display:flex;justify-content:center;margin-block-start:3rem;gap:.75rem}.load-more a{padding:.5rem 1rem;border-radius:.375rem;background:var(--main-200);color:var(--main-600);font-size:1rem}.load-more a[aria-busy=true]{opacity:.5;pointer-events:none}.load-more a:hover{background:var(--main-300)}.share{display:flex;align-items:center;gap:.75rem}.share a,.share button{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--main-200);background:var(--main-25);color:var(--main-600);transition:all .2s}.share a:hover,.share button:hover{background:var(--main-100);color:var(--main-900)}.share .icon{width:1.125rem;height:1.125rem}.share .copy{position:relative}.share .icon-check{display:none}.share .copied,.share .copied:hover{border-color:color-mix(in srgb,#16a34a 45%,var(--main-200));color:light-dark(#16a34a,#4ade80)}.share .copied .icon-link{display:none}.share .copied .icon-check{display:block}.copy-tip{position:absolute;inset-block-end:calc(100% + .5rem);inset-inline-start:50%;translate:-50% .25rem;padding:.25rem .5rem;border-radius:.375rem;white-space:nowrap;pointer-events:none;font-size:.75rem;font-weight:500;background:var(--main-900);color:var(--main-25);opacity:0;transition:opacity .15s,translate .15s}.copy-tip:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border:5px solid transparent;border-block-start-color:var(--main-900)}.copy-tip:empty{display:none}.copied+.copy-tip,.copy-failed+.copy-tip{opacity:1;translate:-50% 0}.copy-failed+.copy-tip{background:light-dark(#b91c1c,#f87171)}.copy-failed+.copy-tip:after{border-block-start-color:light-dark(#b91c1c,#f87171)}}@layer layout{.hero{background:var(--main-100);padding-block-end:3rem}.hero-head{max-width:48rem;margin-inline:auto;text-align:center;padding-block:4rem 2.5rem}.hero-head p{margin-block-start:1rem;font-size:1rem;color:var(--main-600)}.featured{display:grid;gap:2rem}.featured-media{display:block;height:12rem;border-radius:var(--radius);overflow:hidden}.featured-media img{width:100%;height:100%;object-fit:cover}.featured-media .card-fallback{font-size:1.5rem}.featured .h2{margin-block-end:.75rem}.featured-text p{margin-block-end:2rem;font-size:1.125rem;color:var(--main-500);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media(width>=40rem){.hero-head p{font-size:1.125rem}.featured-media{height:14.5rem}}@media(width>=48rem){.hero{padding-block-end:4rem}.hero-head{padding-block:5rem 3rem}.hero-head p{font-size:1.25rem}.featured-media{height:18rem}.featured-text p{-webkit-line-clamp:2}}@media(width>=64rem){.featured-media{height:22.5rem}.featured-text p{-webkit-line-clamp:3}}@media(width>=80rem){.featured{grid-template-columns:1fr 1fr;align-items:center}.featured-text{order:-1;padding-inline:.5rem}.featured-media{height:18rem}}.listing{padding-block:4rem 3rem}@media(width>=48rem){.listing{padding-block-end:5rem}}.page-head{padding-block:4rem 2rem}.page-head .h1{margin-block-end:.5rem}.page-head p{font-size:1.125rem;color:var(--main-600);max-width:48rem}.author-head{display:flex;align-items:center;gap:1.5rem}.author-head .avatar{width:5rem;height:5rem;font-size:1.75rem}@media(width>=48rem){.author-head .avatar{width:7rem;height:7rem;font-size:2.5rem}}.author-head p{margin-block-start:.25rem;font-size:1.25rem}.author-head .author-role{font-size:1rem;color:var(--main-600)}.author-bio{margin-block-start:.5rem;max-width:40rem;color:var(--main-600)}.author-bio p{font-size:1.125rem}.author-head .socials{margin-block-start:.75rem}.post-hero{background:var(--main-100);padding-block:3rem;margin-block-end:2.5rem}.post-hero .container{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:center}.post-hero .h2{margin-block-end:1rem;color:var(--main-900)}.post-hero p{color:var(--main-600)}.post-hero .byline{margin-block-start:1rem}.post-hero time{color:var(--main-500)}.post-cover{border-radius:var(--radius);overflow:hidden;height:13.5rem}.post-cover img{width:100%;height:100%;object-fit:cover}@media(width>=48rem){.post-hero{padding-block:8rem 3rem}.post-hero p{font-size:1.125rem}.post-cover{height:25rem}}@media(width>=64rem){.post-hero{padding-block-end:4rem}.post-hero .container{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.post-hero .container>:first-child{padding-block:2.625rem;padding-inline-end:2rem}.post-cover{height:22.5rem}}.post-hero.no-cover .container{grid-template-columns:minmax(0,56rem)}.post-body{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}.post-aside{display:none}@media(width>=64rem){.post-body{grid-template-columns:minmax(16rem,1fr) minmax(0,2fr);gap:6rem}.post-aside{display:block;position:sticky;top:5rem;align-self:start;max-height:calc(100dvh - 6rem);overflow-y:auto}}.post-aside>*+*{margin-block-start:2.5rem}.toc-title{text-transform:uppercase;font-size:1rem;font-weight:400;color:var(--main-700);padding-block:.5rem}.toc{font-size:.875rem;color:color-mix(in srgb,var(--main-700) 70%,transparent);max-height:18rem;overflow-y:auto}.toc ul ul{padding-inline-start:1.5rem}.toc a{display:block;padding-block:.25rem;transition:color .1s}.toc a:hover{color:var(--link-hover)}.post-aside .share{justify-content:center}.aside-authors{border-block-start:1px solid var(--main-200);padding:1.5rem 1rem 0}.aside-authors h2{font-size:.875rem;font-weight:500;color:var(--main-900);margin-block-end:1rem}.aside-authors .avatar{width:2rem;height:2rem;font-size:.75rem}.aside-authors .byline-name{font-size:.875rem;font-weight:400}.post-article{width:100%;max-width:56rem}.post-end{margin-block:3rem;display:grid;gap:1rem}.post-end h2{font-size:1rem;font-weight:500;color:var(--main-700)}.post-end .tag-list{margin:0}.related{padding-block:2.5rem 4rem}.reading-progress{position:fixed;inset-block-start:var(--header-h);inset-inline:0;z-index:49;height:4px;background:var(--primary-500);transform-origin:0 50%;transform:scaleX(var(--progress, 0));transition:transform .3s ease-out;pointer-events:none}.lock-form{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:.75rem;text-align:center;padding:3rem 1.5rem;border:1px solid var(--main-200);border-radius:var(--radius);background:var(--main-50)}.lock-form h2{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:var(--main-900)}.lock-form p{color:var(--main-600)}.lock-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--main-100);color:var(--main-700)}.lock-icon .icon{width:1.5rem;height:1.5rem;overflow:visible}.lock-field{display:flex;gap:.5rem;width:min(100%,24rem);margin-block-start:.5rem}.lock-field input{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--main-300);border-radius:.375rem;background:var(--main-25)}.lock-field input:focus-visible{outline:2px solid var(--primary-500);outline-offset:1px}.lock-field .button:disabled{opacity:.6;cursor:progress;transform:none}.lock-error{color:light-dark(#b91c1c,#f87171);font-size:.875rem}.locked-note{display:flex;align-items:center;gap:.5rem;margin-block-end:1.5rem;padding:.5rem .75rem;border-radius:.375rem;background:var(--main-100);color:var(--main-600);font-size:.875rem}.lock-badge{display:inline-block;width:1em;height:1em;margin-inline-end:.35em;vertical-align:-.1em;color:var(--main-500)}.related .h2{margin-block-end:2.5rem}}@layer content{.prose{font-size:1.125rem;line-height:1.65;color:var(--main-700);overflow-wrap:break-word}.prose>*+*{margin-block-start:1em}.prose :is(h2,h3,h4,h5){position:relative;color:var(--main-900);font-weight:600;line-height:1.3;scroll-margin-top:5rem;text-wrap:balance}.prose h2{font-size:1.875em;margin-block-start:1.08em}.prose h3{font-size:1.5em;margin-block-start:1.1em}.prose h4{font-size:1.25em;margin-block-start:1em}.prose h5{font-size:1.1em;margin-block-start:1em}.prose>:first-child{margin-block-start:0}.prose :is(h2,h3,h4,h5)+*{margin-block-start:.5em}.prose .anchor{position:absolute;inset-inline-start:-1.25rem;opacity:0;color:var(--main-400);font-weight:400}.prose :is(h2,h3,h4,h5):hover .anchor{opacity:1}.prose a{color:inherit;text-decoration:underline;text-decoration-color:var(--main-400);text-underline-offset:.2em;transition:text-decoration-color .1s}.prose a:hover{text-decoration-color:var(--main-900)}.prose strong{color:var(--main-900);font-weight:600}.prose mark{background:color-mix(in srgb,#facc15 40%,transparent);color:inherit;border-radius:.125rem;padding:0 .125rem}.prose ul,.prose ol{padding-inline-start:1.5em}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{padding-block:.25em}.prose li::marker{color:var(--main-500)}.prose li>ul,.prose li>ol{margin-block-start:.25em}.prose li:has(>input[type=checkbox]){list-style:none;margin-inline-start:-1.5em}.prose li>input[type=checkbox]{margin-inline-end:.5em;accent-color:var(--primary-500);vertical-align:-.1em}.prose img{margin-block:1em;border-radius:.25rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.prose p:has(>img:only-child){display:contents}.prose blockquote{font-style:italic;font-size:1.2em;line-height:1.5;padding:.2em .75em;border-inline-start:4px solid var(--primary-500);color:var(--main-900)}.prose hr{border:0;border-block-start:1px solid var(--main-200);margin-block:2em}.prose code{font-family:var(--mono);font-size:.85em;padding:.2em .4em;border-radius:.25rem;background:color-mix(in srgb,var(--main-500) 12%,transparent);color:light-dark(#be185d,#f472b6)}.prose pre{font-family:var(--mono);font-size:.85em;line-height:1.6;padding:1em;border-radius:.375rem;overflow-x:auto;background:var(--main-100);border:1px solid var(--main-200)}.prose pre code{padding:0;background:none;color:inherit;font-size:inherit}.prose table{width:100%;border-collapse:collapse;font-size:.95em;display:block;overflow-x:auto}.prose th,.prose td{padding:.5em .75em;border:1px solid var(--main-200);text-align:start}.prose th{background:var(--main-100);color:var(--main-900);font-weight:600}.prose math[display=block]{overflow-x:auto;padding-block:.5em}.prose .footnotes{font-size:.9em;color:var(--main-600)}.prose .callout{--c: 8 109 221;padding:1rem 1.5rem;border-radius:.375rem;background:rgb(var(--c) / .1);font-size:.95em}.prose .callout-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:rgb(var(--c))}.prose .callout-title .icon{width:1.25em;height:1.25em;stroke-width:2}.prose details.callout>summary{cursor:pointer;list-style:none}.prose details.callout>summary::-webkit-details-marker{display:none}.prose details.callout>summary:after{content:"";margin-inline-start:auto;width:.5em;height:.5em;border:solid currentColor;border-width:0 2px 2px 0;rotate:-45deg;transition:rotate .2s}.prose details.callout[open]>summary:after{rotate:45deg}.prose .callout-body{margin-block-start:.5rem;color:var(--main-700)}.prose .callout-body>*+*{margin-block-start:.75em}.prose [data-callout=abstract],.prose [data-callout=tip]{--c: 0 191 188}.prose [data-callout=info],.prose [data-callout=todo],.prose [data-callout=note]{--c: 8 109 221}.prose [data-callout=success]{--c: 8 185 78}.prose [data-callout=question],.prose [data-callout=warning]{--c: 236 117 0}.prose [data-callout=failure],.prose [data-callout=danger],.prose [data-callout=bug]{--c: 233 49 71}.prose [data-callout=example]{--c: 120 82 238}.prose [data-callout=quote]{--c: 158 158 158}}@layer utilities{@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}}@layer layout{[data-model=bento] .site-header{background:color-mix(in srgb,var(--main-25) 90%,transparent);box-shadow:none;border-block-end:1px solid color-mix(in srgb,var(--main-900) 6%,transparent)}[data-model=bento] :is(.hero,.post-hero){background:transparent}.docs-subbar{position:sticky;top:var(--header-h);z-index:40;display:flex;align-items:center;gap:.75rem;padding:.75rem var(--gutter);background:var(--main-25);border-block-end:1px solid color-mix(in srgb,var(--main-900) 6%,transparent);font-size:.875rem;font-weight:600;color:var(--main-900)}.docs-subbar button{display:inline-flex;color:var(--main-500)}@media(width>=64rem){.docs-subbar{display:none}}@media(width<64rem){html:has(.docs-subbar){scroll-padding-top:8rem}.docs-main .prose :is(h2,h3,h4,h5){scroll-margin-top:8rem}}.docs-shell{display:grid;grid-template-columns:minmax(0,1fr)}@media(width>=64rem){.docs-shell{grid-template-columns:20rem minmax(0,1fr)}}.docs-sidebar{display:none}@media(width>=64rem){.docs-sidebar{display:block;border-inline-end:1px solid color-mix(in srgb,var(--main-900) 6%,transparent)}.docs-sidebar>nav{position:sticky;top:var(--header-h);max-height:calc(100dvh - var(--header-h));overflow-y:auto;padding:4rem 2rem 4rem 2.5rem}}.docs-main{display:grid;grid-template-columns:minmax(0,1fr);padding:3rem var(--gutter) 4rem}@media(width>=64rem){.docs-main{padding:4rem 2rem 4rem 4rem}}@media(width>=80rem){.docs-main{grid-template-columns:minmax(0,1fr) 14rem;gap:4rem;padding-inline:4rem 2.5rem}}.docs-article{width:100%;max-width:48rem;min-width:0;margin-inline:auto}.docs-article>header{margin-block-end:2.5rem}.docs-title{font-size:2.25rem;line-height:1.2;font-weight:800;letter-spacing:-.025em;color:var(--main-900)}.docs-article>header p{margin-block-start:1rem;font-size:1.125rem;color:var(--main-600)}.docs-article .breadcrumb{margin-block-end:1.25rem;font-size:.875rem}.docs-toc{display:none}@media(width>=80rem){.docs-toc{display:block;position:sticky;top:calc(var(--header-h) + 4rem);align-self:start;max-height:calc(100dvh - var(--header-h) - 6rem);overflow-y:auto;font-size:.8125rem;line-height:1rem;color:var(--main-500)}}.docs-toc h2{margin-block-end:.75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--main-900)}.docs-toc ul ul{padding:0}.docs-toc a{display:block;padding-block:.375rem;transition:color .15s}.docs-toc ul ul a{padding-block:.25rem}.docs-toc ul ul a:before{content:"\2014  ";opacity:.5}.docs-toc a:hover,.docs-toc a[aria-current]{color:var(--main-800)}.docs-toc a[aria-current]{font-weight:500}.docs-pager{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-block-start:4rem}.docs-pager a{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid color-mix(in srgb,var(--main-900) 10%,transparent);border-radius:.375rem;transition:background-color .2s}.docs-pager a:hover{background:var(--main-50);background:color-mix(in srgb,var(--main-900) 3%,transparent)}.docs-pager a>div{display:grid;gap:.125rem;min-width:0;flex:1}.docs-pager .icon{flex-shrink:0;width:1.125rem;height:1.125rem;color:var(--main-500);transition:translate .2s}.docs-pager [rel=prev]:hover .icon{translate:-.125rem 0}.docs-pager [rel=next]:hover .icon{translate:.125rem 0}.docs-pager [rel=next]{text-align:end;grid-column:2}.docs-pager small{font-size:.75rem;color:var(--main-500)}.docs-pager span{font-size:.875rem;font-weight:600;color:var(--main-700)}.docs-footer{border-block-start:1px solid color-mix(in srgb,var(--main-900) 8%,transparent)}.docs-footer .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-block:2rem;max-width:none;padding-inline:var(--gutter);font-size:.875rem;color:var(--main-500)}@media(width>=80rem){.docs-footer .container{padding-inline:2.5rem}}.docs-footer ul{display:flex;flex-wrap:wrap;gap:.75rem 2rem}.docs-footer a:hover{color:var(--main-800)}.docs-footer .socials{color:var(--main-400)}.page-wrap{width:100%;max-width:64rem;margin-inline:auto;padding:4rem var(--gutter) 5rem}.page-intro{text-align:center;max-width:42rem;margin-inline:auto}.page-intro .docs-title{font-size:clamp(2.25rem,1.5rem + 3vw,3.75rem);line-height:1.05}.page-intro p{margin-block-start:1rem;font-size:1.125rem;color:var(--main-600);text-wrap:balance}.page-intro .prose{margin-block-start:1rem;text-align:start}.section-cards{display:grid;gap:1rem;margin-block-start:3rem}@media(width>=48rem){.section-cards{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}}.section-card{display:grid;gap:.5rem;padding:1.5rem;border:1px solid var(--main-200);border-radius:var(--radius);background:var(--main-25);transition:border-color .2s,transform .2s}.section-card:hover{border-color:var(--main-400);transform:translateY(-2px)}.section-card .icon{width:1.5rem;height:1.5rem;color:var(--primary-700)}.section-card strong{font-size:1.125rem;color:var(--main-900)}.section-card p{font-size:.9375rem;color:var(--main-600)}}@layer components{.docs-tree{font-size:.875rem}.docs-tree>li+li{margin-block-start:2rem}.docs-tree h3,.docs-tree summary{font-weight:600;color:var(--main-900)}.docs-tree summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.docs-tree summary::-webkit-details-marker{display:none}.docs-tree summary .icon{width:1rem;height:1rem;color:var(--main-400);transition:transform .2s}.docs-tree details:not([open]) summary .icon{transform:rotate(-90deg)}.docs-rail{margin-block-start:1.25rem;border-inline-start:2px solid color-mix(in srgb,var(--main-900) 10%,transparent);display:grid;gap:1rem}.docs-tree>li:first-child>.docs-rail:first-child{margin-block-start:0}.docs-rail a{display:flex;align-items:center;line-height:1.25rem;color:var(--main-500);transition:color .15s}.docs-rail a:before{content:"";flex:none;width:1rem;height:2px;margin-inline-end:.75rem;background:color-mix(in srgb,var(--main-900) 10%,transparent)}.docs-rail a:hover{color:var(--main-700)}.docs-rail a[aria-current]{font-weight:600;color:var(--primary-700)}.docs-rail a[aria-current]:before{width:.5rem;margin-inline-end:.5rem}.docs-rail a[aria-current] span:before{content:"";display:inline-block;width:.75rem;height:.75rem;margin-inline:-.375rem .5rem;vertical-align:-.1rem;border-radius:50%;background:radial-gradient(circle,var(--primary-700) 0 32%,color-mix(in srgb,var(--primary-700) 20%,transparent) 36%)}.docs-drawer{margin:0;inset:0 auto 0 0;width:min(20rem,85vw);height:100dvh;max-height:none;padding:1.5rem;border:0;border-inline-end:1px solid var(--main-200);background:var(--main-25);color:var(--main-900);overflow-y:auto;box-shadow:var(--shadow-lg)}.docs-drawer::backdrop{background:#09090b59}.docs-drawer .drawer-close{display:flex;margin:-.5rem -.5rem 1rem auto}.changelog-head{text-align:center;max-width:42rem;margin-inline:auto;padding-block:4rem 5rem}.changelog-head .docs-title{font-size:clamp(2.25rem,1.5rem + 3vw,3.75rem)}.changelog-head p{margin-block-start:1rem;font-size:1.25rem;line-height:1.6;color:var(--main-600)}.changelog{max-width:64rem;margin-inline:auto;padding-inline:var(--gutter);border-inline-start:1px solid color-mix(in srgb,var(--main-900) 8%,transparent)}.release{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-block:5rem;padding-inline-start:1.25rem;border-block-end:1px solid color-mix(in srgb,var(--main-900) 6%,transparent)}.release:first-child{padding-block-start:0}.release:last-child{border-block-end:0}@media(width>=64rem){.release{grid-template-columns:20rem minmax(0,1fr);gap:3rem;padding-inline-start:1.75rem}}.release-meta{position:relative;align-self:start}@media(width>=64rem){.release-meta{position:sticky;top:calc(var(--header-h) + 4rem)}}.release-meta time{position:relative;display:block;font-size:.875rem;color:var(--main-500)}.release-meta time:before{content:"";position:absolute;inset-inline-start:calc(-1.25rem - 6.5px);top:.25rem;width:.75rem;height:.75rem;border-radius:50%;background:radial-gradient(circle,var(--primary-700) 0 32%,color-mix(in srgb,var(--primary-700) 20%,transparent) 36%)}@media(width>=64rem){.release-meta time:before{inset-inline-start:calc(-1.75rem - 6.5px)}}.release-meta :is(h1,h2){margin-block:.25rem .75rem;font-size:1.125rem;font-weight:700;color:var(--main-900)}.release-meta h2 a:hover{text-decoration:underline}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;border:1px solid var(--main-200);border-radius:9999px;font-size:.75rem;color:var(--main-700);background:var(--main-25)}.chip:before{content:"";width:.375rem;height:.375rem;border-radius:50%;background:var(--dot, var(--main-400))}.release .prose{font-size:1rem}.roadmap{width:100%;padding:3rem var(--gutter) 5rem;max-width:80rem;margin-inline:auto}.roadmap-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin-block-end:1.5rem}.roadmap-head h1{font-size:1.5rem;font-weight:700;color:var(--main-900)}.roadmap-head p{font-size:.875rem;color:var(--main-500)}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(16.25rem,85%);gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-block-end:.5rem}@media(width>=48rem){.board{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}}.column{scroll-snap-align:start;min-height:25rem;padding:1rem .75rem;border-radius:1rem;background:var(--main-100)}.column-head{display:flex;align-items:center;gap:.5rem;padding-inline:.5rem;margin-block-end:1rem}.column-head h2{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--main-800)}.column-head .dot{width:.625rem;height:.625rem;border-radius:50%;background:var(--dot)}.column-head .count{margin-inline-start:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:700;color:var(--main-500);background:color-mix(in srgb,var(--main-25) 60%,transparent);border:1px solid color-mix(in srgb,var(--main-300) 40%,transparent)}.column[data-status=planned]{--dot: #3b82f6}.column[data-status=progress]{--dot: #f59e0b}.column[data-status=done]{--dot: #22c55e}.column{min-width:0}.column ul{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.column li{min-width:0}.column .empty{padding:1rem .5rem;font-size:.875rem;color:var(--main-500)}.roadmap-card{display:block;padding:1.25rem;border:1px solid var(--main-200);border-radius:.5rem;background:var(--main-25);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.roadmap-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.roadmap-card h3{margin-block-end:.5rem;font-size:1rem;font-weight:700;line-height:1.25;color:var(--main-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roadmap-card p{margin-block-end:1rem;font-size:.75rem;color:var(--main-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roadmap-card footer{padding-block-start:1rem;border-block-start:1px dashed color-mix(in srgb,var(--main-300) 60%,transparent);font-size:.625rem;font-weight:700;color:var(--main-500)}.status{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:var(--main-100);color:var(--main-700)}.status:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--dot)}.status[data-status=planned]{--dot: #3b82f6}.status[data-status=progress]{--dot: #f59e0b}.status[data-status=done]{--dot: #22c55e}}@layer components{.help{width:100%;max-width:45rem;margin-inline:auto;padding:5rem var(--gutter) 5rem}.help.help-article{max-width:64rem;padding-block-start:4rem}.help-head{text-align:center}.help-head h1{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;color:var(--main-900)}.help-head p{margin-block-start:.5rem;font-size:1rem;color:var(--main-500)}.help-search{display:flex;align-items:center;gap:.75rem;width:100%;height:3.25rem;margin-block-start:2rem;padding-inline:1rem;border:1px solid var(--main-200);border-radius:1rem;background:var(--main-25);color:var(--main-500);font-size:.875rem;text-align:start;transition:border-color .2s,box-shadow .2s}.help-search:hover{border-color:var(--primary-500);box-shadow:0 4px 20px color-mix(in srgb,var(--primary-500) 10%,transparent)}.help-collections{display:grid;gap:1rem;margin-block-start:2.5rem}@media(width>=40rem){.help-collections{grid-template-columns:1fr 1fr}}.help-card,.help-row{display:grid;gap:.25rem;padding:1.25rem;border:1px solid var(--main-200);border-radius:1rem;background:var(--main-25);transition:border-color .2s}.help-card:hover,.help-row:hover{border-color:color-mix(in srgb,var(--primary-500) 50%,var(--main-200))}.help-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;margin-block-end:.5rem;border-radius:.375rem;background:var(--main-100);color:var(--primary-700)}.help-icon .icon{width:1.125rem;height:1.125rem}.help-card strong,.help-row strong{font-size:1rem;font-weight:700;line-height:1.5;color:var(--main-900)}.help-desc{font-size:.875rem;line-height:1.4;color:var(--main-500)}.help-card small{margin-block-start:.625rem;font-size:.75rem;font-weight:600;color:var(--main-500)}.help-row small{display:flex;align-items:center;gap:.375rem;margin-block-start:.375rem;font-size:.75rem;color:var(--main-500)}.help-row small .icon{width:.875rem;height:.875rem}.help-list{display:grid;gap:.75rem;margin-block-start:1.5rem}.help-lead{margin-block-start:.5rem;font-size:1.0625rem;color:var(--main-500)}.help-updated{margin-block-start:1.25rem;font-size:.875rem;color:var(--main-500)}.help-updated b{color:var(--main-700)}.help-article hr{margin-block:1.5rem;border:0;border-block-start:1px solid var(--main-200)}.help-article .docs-toc ul{border-inline-start:2px solid var(--main-200)}.help-article .docs-toc ul ul{border:0;padding-inline-start:.75rem}.help-article .docs-toc a{padding:.4375rem .875rem;margin-inline-start:-2px;border-inline-start:2px solid transparent}.help-article .docs-toc ul ul a:before{content:none}.help-article .docs-toc a[aria-current]{border-color:var(--primary-700);color:var(--primary-700);font-weight:600}}@layer content{.docs-article .prose{font-size:1rem;line-height:1.75}.docs-article .prose h2{font-size:1.5rem;margin-block-start:2.5em;letter-spacing:-.015em}.docs-article .prose h3{font-size:1.25rem;margin-block-start:2em}.docs-article .prose h4{font-size:1.0625rem;margin-block-start:1.75em}.docs-article .prose>:first-child{margin-block-start:0}.docs-article .prose :is(h2,h3,h4)+*{margin-block-start:.75em}}