:root{--ink:#222;--muted:#666;--line:#e8e8e8;--accent:#222;--red:#a12b26;color:var(--ink);color-scheme:light;font-synthesis:none;background:#fff;scroll-padding-top:90px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{overflow-wrap:break-word;margin:0;font-size:14px;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;color:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:disabled,button[aria-disabled=true]{cursor:default;opacity:.65}:focus-visible{outline-offset:4px;outline:2px solid #2463c5}::selection{background:#e9e9e9}[hidden]{display:none!important}.skip{z-index:20;background:var(--ink);color:#fff;padding:8px 12px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}.topbar{z-index:5;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:28px;max-width:1500px;height:70px;margin:0 auto;padding:0 36px;display:flex}.site-description{max-width:none;color:var(--muted);flex:1;margin:0 auto 0 0;font-size:13px;line-height:1.5}.brand{letter-spacing:-.7px;font-size:22px;font-weight:650}.toplinks{align-items:center;gap:24px;font-size:13px;display:flex}.mobile-toggle{border:1px solid var(--line);background:#fff;border-radius:3px;min-height:36px;padding:6px 10px;font-size:12px;display:none}.layout{grid-template-columns:220px minmax(0,1fr);max-width:1500px;margin:auto;display:grid}.sidebar{height:calc(100dvh - 70px);padding:38px 20px 30px 30px;position:sticky;top:70px;overflow:auto}.sidebar nav{gap:3px;display:grid}.sidebar nav a{color:var(--muted);border-left:2px solid #0000;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 10px;font-size:13px;display:flex}.sidebar nav a.active{border-left-color:var(--ink);color:var(--ink);font-weight:600}.sidebar nav span{color:var(--muted);font-size:11px;font-weight:400}.main{min-width:0;padding:40px 56px 20px}h1,h2,h3{font-weight:600;line-height:1.35}h1{letter-spacing:-.8px;margin:0 0 14px;font-size:32px}h2{letter-spacing:-.3px;margin:0 0 12px;font-size:18px}h3{margin:0 0 8px;font-size:15px}.library-head{margin-bottom:26px}.library-head p{color:var(--muted);margin:0}.search-label{margin-bottom:6px;font-size:12px;font-weight:500;display:block}.searchwrap{position:relative}.searchwrap svg{width:17px;height:17px;color:var(--muted);position:absolute;top:14px;left:13px}.searchwrap input{background:#fff;border:1px solid #ccc;border-radius:3px;width:100%;padding:11px 80px 11px 39px;font-size:14px}.searchwrap kbd{color:var(--muted);font-size:11px;position:absolute;top:13px;right:14px}.filters{display:none}.chip{color:var(--muted);background:#fff;border:0;border-bottom:2px solid #0000;padding:5px 9px;font-size:12px}.chip[aria-pressed=true]{border-bottom-color:var(--ink);color:var(--ink);font-weight:600}.resultsbar{min-height:32px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin:18px 0 20px;font-size:12px;display:flex}.reset-button{background:0 0;border:0;min-height:32px;padding:5px;font-size:12px;text-decoration:underline}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px;display:grid}.card{min-width:0;display:block}.card:hover{text-decoration:none}.card:hover h2{text-decoration:underline}.card h2{margin:0 0 6px;font-size:16px}.card p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.tag{color:var(--muted);margin-top:7px;font-size:11px;display:block}.empty{padding:30px 0}.empty p{color:var(--muted)}.footer{color:var(--muted);justify-content:space-between;gap:15px;margin-top:45px;padding:18px 0;font-size:11px;display:flex}.breadcrumb{color:var(--muted);margin-bottom:24px;font-size:12px}.breadcrumb ol{flex-wrap:wrap;gap:5px 9px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{gap:9px;min-width:0;display:inline-flex}.breadcrumb a{flex-shrink:0;text-decoration:underline}.article-head{max-width:760px}.article-head h1{font-size:32px}.lede{max-width:650px;color:var(--muted);margin:0 0 14px;font-size:15px}.article-meta{color:var(--muted);margin-bottom:30px;font-size:12px}.article-layout{grid-template-columns:minmax(0,700px) 165px;align-items:start;gap:48px;display:grid}.article section{margin-bottom:30px}.article p,.article li{line-height:1.8}.article ul,.article ol{padding-left:20px}.article li{margin:9px 0;padding-left:3px}.recommendation{margin-bottom:30px}.recommendation h2{letter-spacing:0;margin-bottom:8px;font-size:14px}.recommendation p{margin:0}.pair{grid-template-columns:1fr 1fr;gap:28px;display:grid}.pair section h2{font-size:15px}.pair li{font-size:13px}.toc{color:var(--muted);gap:10px;font-size:12px;display:grid;position:sticky;top:100px}.navlabel{color:var(--ink);font-size:12px;font-weight:600}.toc .navlabel{margin-bottom:4px}.demo-body{border:1px solid var(--line);background:#fff;border-radius:3px;max-width:480px;padding:24px}.demo-body p{font-size:13px}.demo-body label{margin:12px 0 5px;font-size:13px;display:block}.demo-body input:not([type=radio]):not([type=checkbox]),.demo-body select{background:#fff;border:1px solid #aaa;border-radius:3px;width:100%;padding:8px}.demo-body input[type=checkbox],.demo-body input[type=radio]{accent-color:var(--ink);flex-shrink:0}.demo-body fieldset{border:0;margin:0;padding:0}.demo-body legend{font-weight:600}.demo-body .option{align-items:center;gap:10px;padding:9px 0;display:flex}.demo-body .option:has(:checked){font-weight:600}.demo-body .status{margin-top:12px;font-size:13px}.demo-body input[role=switch]{appearance:none;cursor:pointer;background:#eee;border:1px solid #777;border-radius:20px;width:38px;height:23px;position:relative}.demo-body input[role=switch]:before{content:"";background:#666;border-radius:50%;width:15px;height:15px;position:absolute;top:3px;left:3px}.demo-body input[role=switch]:checked{background:var(--ink);border-color:var(--ink)}.demo-body input[role=switch]:checked:before{background:#fff;left:18px}.demo-body details{border-bottom:1px solid var(--line);padding:12px 0}.demo-body summary{cursor:pointer;font-size:13px}.demo-body progress{width:100%;accent-color:var(--ink)}.demo-body .error{color:var(--red);font-size:13px}.demo-body nav a{text-decoration:underline}.demo-body [role=tablist]{border-bottom:1px solid var(--line);margin-bottom:15px;display:flex}.demo-body [role=tab]{white-space:nowrap;background:0 0;border:0;flex:1;min-width:0;min-height:44px;padding:9px 3px;font-size:12px}.demo-body [aria-selected=true]{box-shadow:0 2px var(--ink);font-weight:600}.demo-body [role=tabpanel]{font-size:13px}.demo-body [role=tabpanel]+[role=tabpanel]{margin-top:12px}.actions{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.btn{background:#fff;border:1px solid #ccc;border-radius:3px;min-height:36px;padding:8px 13px;font-size:13px;font-weight:500;display:inline-block}.btn.primary,.page-button[aria-current=page]{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.table-scroll{max-width:100%;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:320px;font-size:12px}.demo-body th,.demo-body td{text-align:left;border-bottom:1px solid var(--line);padding:9px}.demo-body caption{text-align:left;padding-bottom:10px;font-weight:600}.error-summary{border:2px solid var(--red);margin-bottom:20px;padding:14px;font-size:13px}.error-summary h3{font-size:14px}.error-summary a{color:var(--red);text-decoration:underline}dialog{width:calc(100% - 36px);max-width:420px;color:var(--ink);background:#fff;border:1px solid #ccc;border-radius:3px;padding:26px}dialog::backdrop{background:#0006}dialog h2{font-size:20px}dialog .actions{justify-content:flex-end;margin-top:24px}.source{margin:0;padding-left:20px}.article .source li{margin:7px 0;font-size:13px}.source a{text-decoration:underline}.check h2{font-size:15px}.check p{margin:0}.related{gap:12px;display:grid}.related a{justify-content:space-between;gap:12px;font-size:14px;display:flex}.method{max-width:700px}.method h2{margin-top:30px}.method p{color:var(--muted)}.method a{text-decoration:underline}@media (width<=1180px){.layout{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-left:20px}.main{padding:36px 30px 20px}.article-layout{grid-template-columns:minmax(0,1fr)}.toc{display:none}}@media (width<=760px){:root{scroll-padding-top:150px}.topbar-inner{flex-wrap:wrap;gap:8px 16px;height:auto;min-height:62px;padding:10px 20px 14px}.site-description{flex-basis:100%;order:3;max-width:none;margin:0;font-size:12px}.brand{font-size:21px}.toplinks{gap:18px}.mobile-toggle{min-height:44px;display:block}.layout{display:block}.sidebar{border-bottom:1px solid var(--line);height:auto;padding:18px 20px;display:none;position:static}.sidebar.open{display:block}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar nav a{min-height:44px}.main{padding:28px 22px 16px}h1,.article-head h1{letter-spacing:-.6px;font-size:28px}.library-head p,.lede{font-size:14px}.searchwrap input{padding-right:15px;font-size:16px}.searchwrap kbd{display:none}.filters{flex-wrap:wrap;gap:3px;margin-top:14px;display:flex}.chip,.reset-button,.btn{min-height:44px}.resultsbar{flex-wrap:wrap}.grid{grid-template-columns:1fr;gap:25px}.footer{flex-wrap:wrap}.breadcrumb{overflow-wrap:anywhere;font-size:11px}.pair{grid-template-columns:1fr;gap:0}.demo-body{padding:18px}.demo-body input:not([type=radio]):not([type=checkbox]),.demo-body select{font-size:16px}}@media (forced-colors:active){.demo-body input[role=switch]{appearance:auto}.demo-body input[role=switch]:before{display:none}.chip[aria-pressed=true],.sidebar nav a.active,.page-button[aria-current=page],.demo-body [aria-selected=true]{outline:2px solid highlight}}input:target{scroll-margin-top:28px}.agent-prompt{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:3px;padding:16px;font-size:13px;line-height:1.7}.agent-prompt code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.drawer-demo .demo-body{max-width:none}.drawer-examples{gap:32px;display:grid}.drawer-workspace{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:18px;display:grid}.drawer-workspace:has(.drawer-inline:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-project h4,.drawer-inline h4{margin:0 0 8px;font-size:14px}.article .drawer-inline{border-inline-start:1px solid var(--line);margin-bottom:0;padding-inline-start:20px}.drawer-inline:not([hidden]){animation:.18s ease-out drawer-enter}.drawer-inline .btn{margin-top:8px}.drawer-modal{border:0;border-inline-start:1px solid var(--line);border-radius:0;width:min(100%,390px);height:100dvh;max-height:100dvh;margin:0;padding:26px;position:fixed;inset-block:0;inset-inline:auto 0;overflow-y:auto}.drawer-modal[open]{animation:.18s ease-out modal-drawer-enter}.drawer-modal .actions{justify-content:flex-start}@keyframes drawer-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes modal-drawer-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=600px){.drawer-workspace:has(.drawer-inline:not([hidden])){grid-template-columns:minmax(0,1fr)}.article .drawer-inline{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0;padding-top:20px}.drawer-modal{padding:22px}}@media (prefers-reduced-motion:reduce){.drawer-inline:not([hidden]),.drawer-modal[open]{animation:none}}html:has(.drawer-modal[open]){scrollbar-gutter:stable;overflow:hidden}.site-notice{border-bottom:1px solid var(--line);background:#fff}.site-notice p{color:#555;max-width:1500px;margin:0 auto;padding:10px 36px;font-size:13px;line-height:1.6}.site-notice strong{color:var(--ink);font-weight:600}@media (width<=760px){.site-notice p{padding:12px 20px}}