@layer reset,vendor,tokens,base,layouts,components,pages,utilities,overrides;@layer tokens{:root{color-scheme:light;--bg:oklch(98.8% 0.004 86);--fg:oklch(20% 0 0);--text:var(--fg);--muted:oklch(40% 0 0);--border:oklch(82% 0.012 82);--accent:oklch(38% 0.10 248);--link:var(--accent);--visited:oklch(38% 0.08 310);--code-bg:oklch(94% 0.012 84);--code-border:oklch(72% 0.016 82);--code-text:oklch(16% 0 0);--syntax-keyword:oklch(38% 0.10 248);--syntax-type:oklch(34% 0.08 290);--syntax-function:oklch(33% 0.09 205);--syntax-string:oklch(36% 0.08 145);--syntax-number:oklch(38% 0.08 42);--syntax-comment:oklch(46% 0.012 82);--syntax-operator:oklch(32% 0.02 82);--mark-ice:oklch(92% 0.045 230);--mark-blue:oklch(58% 0.11 242);--mark-deep:oklch(35% 0.08 246);--page:1040px;--prose:70ch;--gutter:clamp(12px, 1.6vw, 22px);--flow-gap:18px;--focus-ring:2px solid var(--link);--anchor-clearance:max(10rem, 25vh);--z-header:30;--z-skip-link:40;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}}@layer reset{*,*::before,*::after{box-sizing:border-box}button{font:inherit}img,picture,video,canvas,svg{display:block;max-inline-size:100%;block-size:auto}}@layer base{html{background:var(--bg);scroll-padding-block-start:var(--anchor-clearance);-webkit-text-size-adjust:100%}body{min-block-size:100vh;margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.62;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}a:visited{color:var(--visited)}a:hover{text-decoration-thickness:2px}:focus-visible{outline:var(--focus-ring);outline-offset:2px;border-radius:1px}::selection{background:color-mix(in oklch,var(--accent) 20%,var(--bg))}p{max-inline-size:var(--prose);margin:0;text-wrap:pretty}h1,h2,h3{margin:0;color:var(--text);font-weight:650;letter-spacing:0;line-height:1.18;text-wrap:pretty}h1{max-inline-size:34ch;font-size:44px}h2{font-size:30px}h3{font-size:19px}code,pre{font-family:var(--font-mono)}.section :where(:not(pre)>code){overflow-wrap:anywhere}pre{margin:0;overflow-x:auto;padding:14px 16px 16px;color:var(--code-text);font-size:14px;line-height:1.58;tab-size:2}.meta{color:var(--muted);font-family:var(--font-mono);font-size:13px;line-height:1.55}.lead{color:var(--text);font-size:19px;line-height:1.55}}@layer utilities{.visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;overflow-wrap:normal;white-space:nowrap}.svg-symbols{position:absolute;inline-size:0;block-size:0}}@media(max-width:760px){@layer base{body{font-size:16px}h1{font-size:36px}h2{font-size:26px}}}@layer layouts{.page{inline-size:min(calc(100% - (var(--gutter) * 2)),var(--page));margin-inline:auto}.section{padding-block:34px;border-block-start:1px solid var(--border)}:where(.section:first-child){border-block-start:0}.section-hero{padding-block-start:42px}.stack{display:flex;flex-direction:column;gap:var(--flow-gap)}}@media(max-width:760px){@layer layouts{.section-hero{padding-block-start:32px}}}@layer components{.site-header{position:sticky;inset-block-start:0;z-index:var(--z-header);border-block-end:1px solid var(--border);background:var(--bg);padding-block:22px 20px}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap}.site-brand{display:inline-flex;align-items:center;gap:10px;min-inline-size:0;color:var(--text);text-decoration:none}.site-brand:visited{color:var(--text)}.site-brand-mark{inline-size:36px;flex:none}.site-brand-text{font-weight:650;white-space:nowrap}.site-nav{display:flex;flex:none;align-items:center;gap:10px;color:var(--muted);font-size:15px;white-space:nowrap}.site-nav a[aria-current=page]{color:var(--text);font-weight:650;text-decoration-thickness:2px;text-underline-offset:.28em}.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:var(--z-skip-link);transform:translateY(-140%);border:1px solid var(--border);background:var(--bg);color:var(--link);padding:6px 10px}.skip-link:focus{transform:translateY(0)}.command{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:12px;align-items:center;max-inline-size:100%;border:1px solid var(--code-border);background:var(--code-bg);padding:12px 12px 12px 14px}.command code{min-inline-size:0;color:var(--code-text);font-size:14px;line-height:1.45;overflow-wrap:anywhere;white-space:normal}.copy-btn{border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:12px;line-height:1.2;padding:6px 10px}.copy-btn:hover,.copy-btn.is-copied{border-color:var(--text);color:var(--text)}.copy-btn.is-copied{border-color:var(--mark-blue);color:var(--mark-deep)}.comparison{display:flex;flex-direction:column;gap:var(--flow-gap)}.code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.code-block{min-inline-size:0;border:1px solid var(--code-border);background:var(--code-bg)}.code-title{padding:8px 12px;border-block-end:1px solid var(--code-border);color:var(--text);font-family:var(--font-mono);font-size:12px;line-height:1.3}.code-block--compact{max-inline-size:var(--prose)}.definition-list{display:grid;grid-template-columns:17ch minmax(0,1fr);gap:13px 24px;max-inline-size:var(--prose);margin:0}.definition-list dt{color:var(--muted);font-family:var(--font-mono);font-size:13px}.definition-list dd{margin:0}.entry-row{display:grid;grid-template-columns:15ch minmax(0,1fr);gap:18px;align-items:baseline;padding-block-start:16px}.entry-row p{margin-block-start:4px;color:var(--muted);font-size:15px}.site-footer{margin-block-start:16px;padding-block:28px 40px;border-block-start:1px solid var(--border);color:var(--muted);font-size:15px}.site-footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.site-footer p{max-inline-size:58ch}.site-footer a{overflow-wrap:anywhere}.prose{display:flex;flex-direction:column;gap:var(--flow-gap);max-inline-size:var(--prose)}.prose a{overflow-wrap:anywhere}.prose h2{margin-block-start:26px}.prose ul,.prose ol{padding-inline-start:1.35rem}.prose blockquote{margin:0;border-inline-start:3px solid var(--border);color:var(--muted);padding-inline-start:1rem}.prose :where(:not(pre)>code){border:1px solid var(--code-border);background:var(--code-bg);color:var(--code-text);padding:.08em .28em}.prose .highlight{border:1px solid var(--code-border);background:var(--code-bg)}.prose .highlight pre{background:0 0;color:var(--code-text)}.table-scroll{max-inline-size:100%;overflow-x:auto;border:1px solid var(--border);font-size:14px}.table-scroll table{inline-size:100%;min-inline-size:43rem;border-collapse:collapse}.table-scroll th,.table-scroll td{border:1px solid var(--border);padding:8px 10px;text-align:start;vertical-align:top}.table-scroll td code{white-space:nowrap}.table-scroll th{background:var(--code-bg);font-weight:650}}@media(prefers-reduced-motion:no-preference){@layer components{.copy-btn{transition:color 120ms ease,border-color 120ms ease,transform 80ms ease}.copy-btn:active{transform:translateY(1px)}}}@media(max-width:560px){@layer components{.site-header-inner{align-items:flex-start;flex-wrap:wrap}.site-nav{inline-size:100%;flex-wrap:wrap;row-gap:4px;white-space:normal}.site-nav a{white-space:nowrap}.site-nav span{display:none}}}@media(max-width:760px){@layer components{.command,.code-grid,.definition-list,.entry-row{grid-template-columns:1fr}.copy-btn{justify-self:start}.definition-list{gap:2px 0}.definition-list dd+dt{margin-block-start:12px}.entry-row{gap:4px}}}@layer pages{.product-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.product-entry{padding:2px 28px 2px 0}.product-entry+.product-entry{border-inline-start:1px solid var(--border);padding:2px 0 2px 28px}.product-figure{margin:0}.product-figure-frame{display:block;max-inline-size:100%;overflow-x:auto;border:1px solid var(--border)}.product-figure-frame>a{display:block;inline-size:100%}.product-figure-frame img{inline-size:100%;max-inline-size:none;block-size:auto}.product-figure figcaption{max-inline-size:var(--prose);margin-block-start:10px;color:var(--muted);font-size:14px}.process-flow{display:flex;max-inline-size:100%;margin:0;padding:0;color:var(--text);font-family:var(--font-mono);font-size:14px;list-style:none}.process-flow li{display:flex}.process-flow li:not(:last-child)::after{margin-inline:10px;color:var(--muted);content:"→"}.feature-list{max-inline-size:var(--prose);margin:0;padding:0;list-style:none;counter-reset:feature}.feature-list li{padding-block:18px;border-block-start:1px solid var(--border);counter-increment:feature}.feature-list li:last-child{border-block-end:1px solid var(--border)}.feature-list h3::before{content:counter(feature)". "}.feature-list p{margin-block-start:6px}.post-list{display:flex;flex-direction:column;gap:26px}.post-list .entry-row+.entry-row{padding-block-start:26px;border-block-start:1px solid var(--border)}.list-label{display:flex;justify-content:space-between;gap:18px;margin-block-end:18px;color:var(--muted);font-family:var(--font-mono);font-size:13px}.post-article{display:flex;flex-direction:column;gap:var(--flow-gap);max-inline-size:var(--prose)}.post-article h1{max-inline-size:34ch}.post-article .prose{margin-block-start:16px}.back-link{display:inline-flex;font-family:var(--font-mono);font-size:13px}}@media(max-width:760px){@layer pages{.product-index{grid-template-columns:1fr}.product-entry{padding:2px 0 28px}.product-entry+.product-entry{border-block-start:1px solid var(--border);border-inline-start:0;padding:28px 0 2px}.product-figure-frame img{min-inline-size:760px}.process-flow{display:grid;gap:4px}.process-flow li:not(:last-child)::after{content:none}.process-flow li:not(:first-child)::before{margin-inline-end:10px;color:var(--muted);content:"→"}}}@layer vendor{.highlight{margin:0;background:var(--code-bg)}.highlight pre{background:0 0;color:var(--code-text)}.highlight code{color:inherit}.chroma{background:0 0}.chroma .line{display:block}.chroma .c,.chroma .c1,.chroma .cm{color:var(--syntax-comment);font-style:italic}.chroma .k,.chroma .kd,.chroma .kn,.chroma .kr{color:var(--syntax-keyword);font-weight:650}.chroma .kt{color:var(--syntax-type)}.chroma .nf,.chroma .fm{color:var(--syntax-function)}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sb{color:var(--syntax-string)}.chroma .mi,.chroma .mf{color:var(--syntax-number)}.chroma .o,.chroma .ow{color:var(--syntax-operator)}}