:root{color-scheme:dark;--color-page:#0b1220;--color-accent:#22d3ee;--color-ink:#e8f0fa;--color-ink-muted:#9aaac0;--color-surface:#121d31;--color-surface-soft:#1b2a43;--color-surface-dark:#060a12;--color-line:#64748b;--color-focus:#67e8f9;--color-on-accent:#06131b;--color-on-focus:#06131b;--color-on-dark:#e8f0fa;--color-warning:#f2c94c;--color-on-warning:#111827;--color-danger:#a51d2d;--color-on-danger:#fff;--color-success:#246b3c;--color-on-success:#fff;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;--font-display:"Arial Black", "Archivo Black", Impact, "Helvetica Neue", "Roboto Condensed", "Noto Sans", ui-sans-serif, sans-serif;--font-mono:"Cascadia Code", ui-monospace, "SF Mono", "DejaVu Sans Mono", "Roboto Mono", Consolas, "Liberation Mono", monospace;--content-wide:84rem;--content-reading:48rem;--measure:40rem;--content-pad:clamp(.9rem, 2.5vw, 2rem);--content-article:calc(var(--measure) + 2 * var(--content-pad));--border-strong:2px solid var(--color-line);--shadow-hard:5px 5px 0 var(--color-ink);color:var(--color-ink);background:var(--color-page);font-family:var(--font-body);line-height:1.65}:root[data-theme=light]{color-scheme:light;--color-page:#eef3f8;--color-accent:#dbeafe;--color-ink:#101827;--color-ink-muted:#536176;--color-surface:#fff;--color-surface-soft:#f5f8fb;--color-surface-dark:#0b1220;--color-line:#2f4059;--color-focus:#0369a1;--color-on-accent:#102a43;--color-on-focus:#fff;--color-on-dark:#e8f0fa;--color-warning:#f2c94c;--color-on-warning:#111827;--color-danger:#a51d2d;--color-on-danger:#fff;--color-success:#246b3c;--color-on-success:#fff}@media (width>=90rem){:root{--content-wide:77rem;font-size:110%}}@media (width>=120rem){:root{--content-wide:73rem;font-size:118%}}@media (width>=150rem){:root{--content-wide:70rem;font-size:125%}}*{box-sizing:border-box}html{background:var(--color-page)}body{background:var(--color-page);flex-direction:column;min-width:320px;min-height:100dvh;margin:0;display:flex}body>main{flex:1 0 auto;width:100%}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.skip-link{z-index:100;background:var(--color-accent);border:var(--border-strong);color:var(--color-on-accent);font:800 .78rem var(--font-mono);text-transform:uppercase;padding:.7rem 1rem;text-decoration:none;position:absolute;top:-100%;left:.5rem}.skip-link:focus-visible{top:.5rem}.site-header{padding:1rem max(1.25rem, calc((100vw - var(--content-wide)) / 2));background:var(--color-page);border-bottom:var(--border-strong);justify-content:space-between;align-items:center;gap:2rem;display:flex}.site-header nav{font-family:var(--font-mono);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.78rem;font-weight:800;display:flex}.site-header nav a{text-underline-offset:.25rem;margin:-.5rem -.35rem;padding:.5rem .35rem;line-height:1;text-decoration-thickness:2px}.header-controls{align-items:center;gap:.6rem;margin-left:auto;display:flex}.nav-toggle{background:var(--color-surface);border:var(--border-strong);width:2.75rem;height:2.75rem;color:var(--color-ink);cursor:pointer;place-items:center;display:none}.mobile-menu-head{display:none}.nav-toggle svg{width:1.1rem;height:1.1rem}.nav-toggle .icon-close,.nav-toggle[aria-expanded=true] .icon-burger{display:none}.nav-toggle[aria-expanded=true] .icon-close{display:block}.site-header nav a:hover{color:var(--color-focus)}.site-header .brand{line-height:1}.theme-toggle{background:var(--color-surface);border:var(--border-strong);min-width:7.5rem;min-height:2.25rem;color:var(--color-ink);cursor:pointer;font:800 .72rem var(--font-mono);text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .65rem;transition:transform .15s,box-shadow .15s;display:inline-flex}.theme-toggle:hover{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-hard);transform:translate(-2px,-2px)}.theme-toggle:active{box-shadow:none;transform:translate(0)}.theme-toggle .theme-icon{flex:none;width:.9rem;height:.9rem;display:none}.theme-toggle[data-pref=system] .icon-monitor,.theme-toggle[data-pref=light] .icon-sun,.theme-toggle[data-pref=dark] .icon-moon{display:block}.brand{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{aspect-ratio:1020/727;background:url(/logo.svg) 50%/contain no-repeat;flex:none;width:3.25rem;display:block}.brand-text{flex-direction:column;line-height:1.05;display:inline-flex}.site-footer .brand-mark{width:2.25rem}[data-theme=dark] .brand-mark{background-image:url(/logo-dark.svg)}.site-footer{padding:1.25rem max(1.25rem, calc((100vw - var(--content-wide)) / 2));background:var(--color-page);border-top:var(--border-strong)}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.footer-groups{flex-wrap:wrap;gap:.5rem 1.75rem;display:flex}.site-footer .brand{font-size:1rem}.site-footer nav{font-family:var(--font-mono);text-transform:uppercase;flex-wrap:wrap;gap:.75rem 1rem;font-size:.76rem;font-weight:800;display:flex}.site-footer nav a{text-underline-offset:.25rem;text-decoration-thickness:2px}.site-footer nav a:hover,.brand:hover .brand-text{color:var(--color-focus)}.site-footer-meta{color:var(--color-ink-muted);font:.72rem var(--font-mono);letter-spacing:.04em;margin:0}.container{max-width:var(--content-wide);margin:0 auto;padding:3rem 1.25rem 5rem}.hero{max-width:var(--content-reading);margin-bottom:4rem}.hero h1{font-family:var(--font-display);letter-spacing:-.055em;text-transform:uppercase;margin:.35rem 0 1rem;font-size:clamp(2.3rem,6vw,4.8rem);font-weight:900;line-height:1.05}.hero p:not(.eyebrow){max-width:42rem;font-size:1.1rem}.eyebrow{color:var(--color-ink-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.notice{background:var(--color-surface);border:var(--border-strong);box-shadow:var(--shadow-hard);padding:1rem}.article-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.markdown-content{width:100%;max-width:var(--content-article);min-width:0;padding:var(--content-pad);background:var(--color-surface);border:var(--border-strong);overflow-wrap:break-word;display:flow-root}.markdown-content>*{min-width:0}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content p{margin:0 0 1rem}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-family:var(--font-display);text-transform:uppercase;margin:2rem 0 .75rem;font-weight:900;line-height:1.1}.markdown-content h1{font-size:clamp(2.2rem,6vw,4rem)}.markdown-content h2{font-size:clamp(1.8rem,4vw,3rem)}.markdown-content h3{font-size:clamp(1.45rem,3vw,2.2rem)}.markdown-content h4{font-size:1.25rem}.markdown-content h5,.markdown-content h6{letter-spacing:.02em;font-size:1rem}.markdown-content a{text-underline-offset:.2rem;font-weight:700;text-decoration-thickness:2px}.markdown-content a:hover{text-decoration-thickness:3px}.markdown-content ul,.markdown-content ol{margin:0 0 1rem;padding-left:1.5rem}.markdown-content li+li{margin-top:.35rem}.markdown-content li>ul,.markdown-content li>ol{margin-top:.35rem;margin-bottom:0}.markdown-content ul.task-list{padding-left:0;list-style:none}.markdown-content .task-list-item{margin:.55rem 0}.markdown-content .task-checkbox{background:var(--color-surface-soft);border:1px solid var(--color-line);cursor:pointer;grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.7rem;padding:.7rem .8rem;display:grid}.markdown-content .task-checkbox:hover{border-color:var(--color-focus)}.markdown-content .task-checkbox input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--color-focus);cursor:pointer;margin:.1rem 0 0}.markdown-content .task-checkbox label{cursor:pointer;min-width:0;line-height:1.5}.markdown-content .task-checkbox input[type=checkbox]:checked+label{color:var(--color-ink-muted);text-decoration:line-through 2px}.markdown-content .task-checkbox input[type=checkbox]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.markdown-content img{border:var(--border-strong);cursor:zoom-in;max-width:100%;height:auto;display:block}.markdown-content img:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.markdown-content blockquote{border-left:.5rem solid var(--color-ink);background:var(--color-surface-soft);margin:1.5rem 0;padding:.75rem 1rem}.markdown-content blockquote p:last-child{margin-bottom:0}.markdown-content hr{border:0;border-top:var(--border-strong);margin:2rem 0}.md-component{background:var(--color-surface-soft);border:var(--border-strong);margin:1.5rem 0;padding:1rem}.md-component>:last-child,.md-component>div>:last-child{margin-bottom:0}.md-component-label,.md-panel-label{color:var(--color-ink-muted);font:800 .72rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .7rem}.md-callout{border-left-width:.55rem}.md-callout--tip{border-left-color:var(--color-success)}.md-callout--info{border-left-color:var(--color-focus)}.md-callout--warning{border-left-color:var(--color-warning)}.md-callout--danger{border-left-color:var(--color-danger)}.md-callout--important{border-left-color:var(--color-ink)}.md-prerequisites,.md-compatibility{background:var(--color-page)}.md-steps>ol{counter-reset:step;grid-template-columns:minmax(0,1fr);gap:1.1rem;margin:0;padding-left:0;list-style:none;display:grid}.md-steps>ol>li{counter-increment:step;min-width:0;padding:0 0 0 2.6rem;position:relative}.md-steps>ol>li:before{content:counter(step);background:var(--color-ink);width:1.75rem;height:1.75rem;color:var(--color-surface);font:900 .78rem var(--font-mono);place-items:center;display:grid;position:absolute;top:.05rem;left:0}.md-steps>ol>li:after{content:"";border-left:1px solid var(--color-line);position:absolute;top:2.1rem;bottom:-1.1rem;left:.85rem}.md-steps>ol>li:last-child:after{display:none}.md-terminal{background:var(--color-surface-dark);color:var(--color-on-dark);border-color:var(--color-ink);padding:0;overflow:hidden}.md-terminal>header,.md-compatibility>header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.md-terminal .md-component-label,.md-compatibility .md-component-label{margin:0}.md-terminal pre,.md-file-tree pre{border:0;margin:0}.md-terminal pre{max-height:26rem}.md-copy-button{background:var(--color-surface);border:1px solid var(--color-on-dark);min-height:2.25rem;color:var(--color-ink);cursor:pointer;font:800 .7rem var(--font-mono);text-transform:uppercase;padding:.35rem .6rem;transition:transform .15s,box-shadow .15s}.md-copy-button:hover{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-hard);transform:translate(-2px,-2px)}.md-file-tree{background:var(--color-surface-dark);color:var(--color-on-dark);border-color:var(--color-ink)}.md-file-tree .md-component-label{color:var(--color-focus)}.md-before-after-grid,.md-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.md-before-after-grid>div,.md-comparison-grid>div{background:var(--color-surface);border:1px solid var(--color-line);min-width:0;padding:.85rem}.md-panel-label{color:var(--color-focus);display:block}.md-compatibility>header strong{background:var(--color-accent);color:var(--color-on-accent);font:800 .72rem var(--font-mono);padding:.3rem .45rem}.md-faq{grid-template-columns:minmax(0,1fr);gap:.55rem;display:grid}.md-faq>details{min-width:0}.md-faq .md-component-label{margin-bottom:.2rem}.md-faq details{background:var(--color-surface);border:1px solid var(--color-line)}.md-faq summary{cursor:pointer;padding:.75rem .85rem;font-weight:800}.md-faq details>:not(summary){margin-left:.85rem;margin-right:.85rem}.md-faq details>:last-child{margin-bottom:.85rem}.md-takeaway{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-ink);box-shadow:var(--shadow-hard)}.md-takeaway .md-component-label{color:inherit}.md-decision{background:var(--color-page)}.md-decision ul,.md-decision ol{grid-template-columns:minmax(0,1fr);gap:.8rem;margin:0;padding-left:0;list-style:none;display:grid}.md-decision li{border-left:2px solid var(--color-line);min-width:0;padding:.1rem 0 .1rem .9rem;position:relative}.md-decision li:hover{border-left-color:var(--color-focus)}.md-next-steps{background:0 0}.md-next-steps ul{margin-bottom:0}.markdown-content pre{background:var(--color-surface-dark);color:var(--color-on-dark);border:var(--border-strong);border-color:var(--color-ink);font-family:var(--font-mono);border-radius:0;padding:1rem;line-height:1.5;overflow:auto}.markdown-content pre code{color:inherit;background:0 0;border:0;padding:0}.markdown-content pre.shiki{tab-size:2}.markdown-content pre.shiki code{min-width:max-content;display:block}.markdown-content pre.shiki .line{min-height:1.5em;display:block}:root[data-theme=dark] .markdown-content pre.shiki,:root[data-theme=dark] .markdown-content pre.shiki span{color:var(--shiki-dark)!important;background-color:#0000!important}:root[data-theme=dark] .markdown-content pre.shiki{border-color:var(--color-ink);background-color:var(--color-surface-dark)!important}:root[data-theme=light] .markdown-content pre.shiki,:root[data-theme=light] .markdown-content pre.shiki span{color:var(--shiki-light)!important;background-color:#0000!important}:root[data-theme=light] .markdown-content pre.shiki{border-color:var(--color-ink);background-color:var(--color-page)!important}.markdown-content .md-code-block{margin:1.25rem 0;position:relative}.markdown-content .md-code-block>pre{margin:0;padding:2.75rem 1rem 1rem}.markdown-content .md-code-block>.md-copy-button{z-index:1;background:var(--color-surface-soft);border-color:var(--color-ink);position:absolute;top:.6rem;right:.6rem}.markdown-content .md-code-block>.md-copy-button:hover{background:var(--color-accent);color:var(--color-on-accent)}.markdown-content .md-code-block>.md-copy-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.md-component .md-code-block>pre,.md-component>pre{border:0}.markdown-content .md-code-block>.md-code-lang{z-index:1;max-width:46%;color:var(--color-ink-muted);font:800 .68rem var(--font-mono);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;pointer-events:none;position:absolute;top:.95rem;left:1rem;overflow:hidden}.markdown-content code{font-family:var(--font-mono)}.markdown-content :not(pre)>code{background:var(--color-accent);color:var(--color-on-accent);border:1px solid var(--color-ink);padding:.12rem .3rem}.markdown-table-wrap{border:var(--border-strong);width:100%;max-width:100%;margin:1.5rem 0;overflow-x:auto}.markdown-table-wrap:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.markdown-content table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:36rem}.markdown-content th,.markdown-content td{border:1px solid var(--color-ink);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:.65rem .75rem}.markdown-content th{background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-mono);text-transform:uppercase}.markdown-content del{text-decoration-thickness:2px}.image-zoom-dialog{background:var(--color-surface-dark);border:var(--border-strong);width:min(96vw,110rem);max-width:none;max-height:94vh;color:var(--color-on-dark);padding:3.5rem 1rem 1rem}.image-zoom-dialog::backdrop{background:#000000e0}.image-zoom-dialog__close{background:var(--color-surface);border:2px solid var(--color-on-dark);min-height:2.25rem;color:var(--color-ink);cursor:pointer;font:800 .72rem var(--font-mono);text-transform:uppercase;padding:.45rem .7rem;position:absolute;top:.75rem;right:.75rem}.image-zoom-dialog__close:hover{background:var(--color-accent);color:var(--color-on-accent)}.image-zoom-dialog__image{object-fit:contain;cursor:zoom-out;border:0;width:auto;max-width:100%;max-height:calc(94vh - 5rem);margin:0 auto;display:block}.with-icon{align-items:center;gap:.35rem;display:inline-flex}.icon-arrow{flex:none;width:.8rem;height:.8rem}@media (width<=48rem){.site-header{flex-wrap:wrap;align-items:center;gap:.75rem}.nav-toggle{display:inline-grid}.site-header nav{flex-basis:100%;align-items:stretch;gap:0;padding-top:.25rem;display:none}html[data-nav-open=true] .site-header nav{z-index:60;background:var(--color-page);flex-direction:column;padding:0 1.25rem 2rem;display:flex;position:fixed;inset:0;overflow-y:auto}html[data-nav-open=true]{overflow:hidden}.mobile-menu-head{border-bottom:var(--border-strong);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.mobile-menu-head .brand-mark{width:2.5rem}.mobile-menu-head .brand{pointer-events:none;font-size:1rem}.menu-close{background:var(--color-surface);border:var(--border-strong);width:2.75rem;height:2.75rem;color:var(--color-ink);cursor:pointer;place-items:center;display:inline-grid}.menu-close svg{width:1.1rem;height:1.1rem}.site-header nav a{border-bottom:1px solid var(--color-line);margin:0;padding:1.1rem .25rem;font-size:1.05rem;display:block}.site-header nav .theme-toggle{width:100%;min-height:3rem;margin-top:1.25rem}.site-header nav a:last-child{border-bottom:0}.site-footer-inner{flex-direction:column;align-items:flex-start}.site-footer nav{gap:.25rem .75rem}.site-footer nav a{padding:.4rem 0;display:inline-block}.container{padding:1.5rem .75rem 3.5rem}.hero{margin-bottom:2.5rem}.guide-layout{gap:1.5rem}.md-before-after-grid,.md-comparison-grid{grid-template-columns:1fr}.md-terminal>header,.md-compatibility>header{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}