@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--paper:#fafafa;--ink:#23272d;--muted:#656c76;--line:#dfe2e6;--surface:#f1f2f4;--accent:#375c36;--lime:#d3f792;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,pre:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1184px,100% - 96px);margin-inline:auto}.skip-link{background:var(--ink);color:#fff;z-index:9;padding:12px;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.brand{font:500 1.125rem var(--mono);letter-spacing:-.04em;align-items:center;gap:10px;display:inline-flex}.site-header nav{align-items:center;gap:32px;font-size:.875rem;display:flex}a:hover{color:var(--accent)}.github-link{align-items:center;gap:8px;display:flex}.hero{padding-block:88px 56px}.hero-intro{margin-bottom:64px}.hero-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 32px;margin-top:32px;display:flex}h1{font:500 clamp(2rem, 4.5vw, 3.75rem)/1.18 var(--mono);letter-spacing:-.045em;margin:0}.highlight-word{background:var(--lime);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin-left:-.08em;padding:0 .08em}.hero-subtitle{color:var(--muted);margin:18px 0 0;font-size:1.25rem;line-height:1.6}.facts{color:var(--ink);flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.install-command{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;gap:12px;width:fit-content;max-width:100%;padding:12px 14px;font-size:.875rem;display:flex}.install-command>span{color:var(--muted);font-family:var(--mono)}.install-command code{font-size:inherit;white-space:nowrap;-webkit-user-select:all;user-select:all}.install-command a{color:var(--muted);border-left:1px solid var(--line);white-space:nowrap;margin-left:10px;padding-left:14px}.playground{scroll-margin-top:16px}.editor-panel{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:0 16px 40px -28px #23272d40}.editor-toolbar{border-bottom:1px solid var(--line);background:#e9ebee;justify-content:space-between;align-items:center;gap:15px;min-height:57px;padding:10px 20px;display:flex}.file-label{font:.875rem var(--mono);align-items:center;gap:9px;display:flex}.file-label svg{color:var(--muted)}.live-label{color:var(--accent);font:.75rem var(--sans);margin-left:7px}.editor-tools{gap:8px;display:flex}.editor-tools button{color:var(--muted);background:0 0;border:1px solid #cdd1d7;border-radius:4px;padding:7px 10px;font-size:.8125rem}.editor-tools button:hover{border-color:var(--accent);color:var(--accent)}.editor-tools button[aria-pressed=false]{background:#e1e3e7}.editor-grid{grid-template-columns:1fr 1fr;display:grid}.editor-column{min-width:0}.dom-column{border-left:1px solid var(--line);--md-heading:#287345;--md-strong:#375c36;--md-code:#116b60;--md-code-bg:#dcebe6;--md-emphasis:#93551b;--md-link:#156b92;--md-marker:#818892}.editor-label{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding:19px 22px 0;font-size:.75rem;display:flex}.source-body{height:290px;padding:23px 0 24px;display:flex}.line-numbers{text-align:right;color:#9298a1;min-width:49px;font:.875rem/1.9 var(--mono);-webkit-user-select:none;user-select:none;white-space:pre;padding-left:21px;overflow:hidden}textarea,#preview{color:var(--ink);font:.875rem/1.9 var(--mono);tab-size:2;letter-spacing:0}textarea{resize:none;--md-heading:#7c3bb8;--md-strong:#1d5c9c;--md-code:#116b60;--md-code-bg:#dcebe6;--md-emphasis:#a45d19;--md-link:#1d5c9c;--md-marker:#818892;width:100%;min-width:0;height:100%;caret-color:var(--ink);white-space:pre;background:0 0;border:0;border-radius:0;outline:none;padding:0 20px 0 17px;display:block;overflow:auto}#preview{white-space:pre;height:290px;margin:0;padding:23px 22px 24px;overflow:auto}textarea::selection{color:inherit;background:#cddbef}#preview::selection{color:inherit;background:#cddbef}.editor-footer{border-top:1px solid var(--line);color:var(--muted);padding:12px 21px;font-size:.8125rem;line-height:1.6}.editor-footer p{margin:0}code{font-family:var(--mono);font-size:.9em}.technical{border-top:1px solid var(--line);padding-block:32px 36px;scroll-margin-top:25px}.section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:0;font-size:1.5rem;font-weight:500;line-height:1.3}.text-link{white-space:nowrap;text-underline-offset:4px;color:var(--muted);font-size:.875rem;text-decoration:underline}.technical p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.65}pre code{font-size:inherit}.usage-grid{grid-template-columns:1.15fr 1fr;gap:20px;display:grid}.code-example{background:var(--surface);border:1px solid var(--line);border-radius:6px;min-width:0;overflow:hidden}.code-label{border-bottom:1px solid var(--line);color:var(--muted);padding:13px 20px;font-size:.8125rem;line-height:1.6}.code-example pre{font:.8125rem/1.75 var(--mono);margin:0;padding:20px;overflow:auto}[hidden]{display:none!important}.code-tabs{border-bottom:1px solid var(--line);gap:4px;padding:7px 12px;display:flex}.code-tabs button{color:var(--muted);background:0 0;border:0;border-radius:3px;padding:6px 8px;font-size:.8125rem;line-height:1.6}.code-tabs button:hover{color:var(--ink)}.code-tabs button[aria-selected=true]{color:var(--accent);background:#dfe3da}.code-example [role=tabpanel]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.technical .example-note{padding:0 20px 18px;font-size:.8125rem}.technical .usage-note{margin-top:16px}#scope{padding-block:26px 28px}#scope .section-heading{margin-bottom:12px}.tradeoffs{margin:0}.tradeoffs>div{border-top:1px solid var(--line);grid-template-columns:120px 1fr;gap:20px;padding-block:10px;font-size:.875rem;line-height:1.65;display:grid}.tradeoffs dt{font-weight:500}.tradeoffs dd{color:var(--muted);margin:0}.tradeoffs a{text-underline-offset:3px;text-decoration:underline}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:18px;padding-block:20px 28px;font-size:.8125rem;line-height:1.65;display:flex}.site-footer>div{gap:24px;display:flex}::highlight(md-ink-heading){color:var(--md-heading,#7c3bb8)}::highlight(md-ink-strong){color:var(--md-strong,#1d5c9c)}::highlight(md-ink-emphasis){color:var(--md-emphasis,#a45d19)}::highlight(md-ink-strike){color:#a14466;text-decoration:line-through}::highlight(md-ink-code){color:var(--md-code,#116b60);background-color:var(--md-code-bg,#dcebe6)}::highlight(md-ink-link){color:var(--md-link,#1d5c9c)}::highlight(md-ink-quote){color:#656c76}::highlight(md-ink-list){color:var(--ink)}::highlight(md-ink-marker){color:var(--md-marker,#818892)}@media (width<=900px){.wrap{width:calc(100% - 48px)}.editor-label{flex-wrap:wrap;gap:7px;padding-inline:17px}}@media (width<=700px){.wrap{width:calc(100% - 40px)}.site-header{height:72px}.brand{font-size:1rem}.hero{padding-block:48px 36px}.hero-intro{margin-bottom:44px}.hero-subtitle{margin-top:16px;font-size:1rem}.hero-actions{flex-direction:column;align-items:start;gap:20px;margin-top:28px}h1{font-size:clamp(2rem,9vw,3.4rem)}.install-command{gap:8px;padding:10px 12px;font-size:.8125rem}.install-command a{margin-left:4px;padding-left:10px}.site-header nav{gap:17px}.site-header nav>a:not(.github-link){display:none}.facts{gap:8px 16px}.editor-grid{grid-template-columns:1fr}.dom-column{border-left:0;border-top:1px solid var(--line)}.source-body,#preview{height:250px}.editor-label{flex-wrap:wrap;gap:7px;padding:17px 18px 0}.source-body{padding-block:20px}#preview{padding:20px}.line-numbers{min-width:38px;padding-left:15px}.editor-toolbar{flex-wrap:wrap;padding-inline:14px}.editor-tools button{padding:7px}.editor-footer{padding:12px 16px}.technical{padding-block:28px 32px}.section-heading{align-items:start;gap:16px}.section-heading h2{font-size:1.25rem}.text-link{white-space:normal;text-align:right;font-size:.8125rem}.usage-grid{grid-template-columns:1fr;gap:16px}.code-example pre{font-size:.75rem}.tradeoffs>div{grid-template-columns:1fr;gap:3px}.site-footer{flex-wrap:wrap;align-items:start}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important}}