@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--bg:#fff;--text:#19232f;--muted:#64707d;--line:#e8ecf0;--soft:#f6f8fa;--accent:#145cc5;--tint:#edf4ff;--header:rgba(255,255,255,.95)}
#mobile-search{display:none}@media(max-width:720px){#mobile-search{display:block;font-size:24px;width:32px;flex-shrink:0}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:145px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}a,button{transition:background .18s,color .18s,border-color .18s,transform .18s}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,main:focus-visible{outline:3px solid #78aaf5;outline-offset:4px}header{position:sticky;top:0;z-index:10;background:var(--header);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner,.top-nav{max-width:1400px;margin:auto;padding:0 42px;display:flex;align-items:center}.header-inner{height:80px;gap:40px}.brand{font-size:35px;letter-spacing:-2px;font-weight:700;display:flex;align-items:center;line-height:1}.brand-dot{font-size:10px;color:var(--accent);align-self:flex-end;margin:0 0 4px 4px}.docs-label{font-size:17px;font-weight:450;letter-spacing:0;color:var(--muted);border-left:1px solid var(--line);padding-left:18px;margin-left:22px}.search-open{margin-left:108px;width:370px;background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:8px 12px;text-align:left;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:10px}.search-open span{font-size:23px;line-height:1}.search-open kbd{margin-left:auto;font:11px 'DM Sans',sans-serif;border:1px solid var(--line);padding:1px 5px;border-radius:4px}.header-links{margin-left:auto;display:flex;gap:20px;align-items:center;font-size:13px;white-space:nowrap}#theme{font-size:23px;width:36px;height:36px;border-radius:8px}.preview,.soon{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:3px 7px;color:var(--muted)}.top-nav{gap:30px;height:47px}.top-nav>a{font-size:13px;height:47px;display:flex;align-items:center;gap:7px;border-bottom:2px solid transparent}.top-nav>a.active{border-color:var(--accent);color:var(--accent)}.layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:244px minmax(0,1fr) 205px;gap:52px;padding:0 42px}#sidebar{position:sticky;top:128px;height:calc(100vh - 128px);overflow-y:auto;padding:32px 8px 35px 0;font-size:13px;scrollbar-width:thin}.nav-group{margin-bottom:25px}.nav-group h3{font-size:12px;font-weight:650;margin:0 0 9px 12px}.nav-group a{display:flex;align-items:center;gap:11px;padding:6px 12px;border-radius:7px;color:var(--muted);margin:2px 0}.nav-group a.active{background:var(--tint);color:var(--accent);font-weight:550}.nav-group a:hover{background:var(--soft);color:var(--text)}.nav-icon{font-size:16px;width:18px;text-align:center;color:#8894a3}.nav-group a.active .nav-icon{color:var(--accent)}.sidebar-bottom{border-top:1px solid var(--line);margin:28px 12px 0;padding-top:20px;color:var(--muted);font-size:12px}.sidebar-bottom strong{color:var(--text);display:block;font-weight:500}main{min-width:0;padding:46px 0 60px;animation:enter .28s ease-out}.eyebrow{font-size:13px;color:var(--accent);font-weight:550;margin-bottom:10px}.title-row{display:flex;align-items:center;gap:12px;justify-content:space-between}h1{font-size:36px;line-height:1.2;letter-spacing:-1.1px;margin:0 0 18px;font-weight:650}.copy{font-size:11px;border:1px solid var(--line);border-radius:7px;padding:5px 9px;white-space:nowrap;align-self:flex-start;margin-top:4px;color:var(--muted)}.lead{font-size:18px;line-height:1.65;color:var(--muted);margin:0 0 28px}.intro{color:var(--muted);margin:0 0 25px}.callout{padding:15px 18px;border:1px solid #d2e2fb;background:var(--tint);border-radius:9px;display:flex;gap:12px;margin:24px 0 34px;font-size:13px;color:var(--text)}.callout .symbol{color:var(--accent);font-size:18px}.callout strong{font-weight:600}.callout p{margin:3px 0 0;color:var(--muted)}h2{font-size:22px;letter-spacing:-.45px;margin:34px 0 12px;line-height:1.4;font-weight:600}h3{font-size:16px;line-height:1.4}p{margin:10px 0 18px;color:var(--muted)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 34px}.card{position:relative;border:1px solid var(--line);border-radius:11px;padding:22px;min-height:176px}.card:hover{border-color:#8eb4ed;transform:translateY(-2px);background:var(--soft)}.card-icon{display:block;font-size:24px;line-height:1.3;color:var(--accent);margin-bottom:15px}.card h3{margin:0 0 7px;font-weight:600}.card p{font-size:13px;line-height:1.65;margin:0}.arrow{position:absolute;right:19px;top:20px;color:#a2adba}.pill{font-size:10px;display:inline-block;background:var(--soft);padding:1px 7px;border:1px solid var(--line);border-radius:4px;margin-left:6px;vertical-align:middle;color:var(--muted)}.steps{counter-reset:steps;list-style:none;padding:0;margin-top:24px}.steps li{position:relative;padding:0 0 24px 45px}.steps li:not(:last-child):after{content:'';position:absolute;top:29px;bottom:0;left:14px;border-left:1px solid var(--line)}.steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--soft);border:1px solid var(--line);text-align:center;line-height:27px;font-size:12px}.steps strong{font-weight:550}.steps p{font-size:14px;margin:5px 0 0}.inline-link{color:var(--accent);border-bottom:1px solid #b3cdf4}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px;margin:20px 0}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{font-weight:550;background:var(--soft)}th,td{padding:12px 16px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}.toc{position:sticky;top:128px;align-self:start;padding-top:49px;font-size:12px}.toc-title{font-weight:600;margin-bottom:13px}#toc-links{display:flex;flex-direction:column;border-left:1px solid var(--line)}#toc-links a{padding:5px 0 5px 15px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted)}#toc-links a.active{color:var(--accent);border-color:var(--accent)}.toc-note{margin-top:40px;border-top:1px solid var(--line);padding-top:19px;font-size:12px}.toc-note span{font-size:11px;color:var(--muted)}.article-footer{border-top:1px solid var(--line);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.next{display:block;border:1px solid var(--line);border-radius:9px;padding:17px 20px;margin-top:25px;text-align:right}.next small{display:block;font-size:11px;color:var(--muted)}.next span{font-size:14px}.next:hover{border-color:var(--accent)}#menu{display:none}.skip{position:fixed;left:15px;top:-60px;background:var(--bg);padding:10px;z-index:50}.skip:focus{top:5px}dialog{width:580px;max-width:calc(100% - 28px);border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--bg);color:var(--text);box-shadow:0 25px 100px #0003;top:12vh;margin-top:0}dialog::backdrop{background:#15283d55;backdrop-filter:blur(4px)}.search-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:13px}.search-head button{font-size:11px;border:1px solid var(--line);border-radius:4px}#search-input{width:100%;padding:12px;border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:7px;font-size:16px}#search-results{max-height:350px;overflow:auto;margin:10px 0}#search-results a{display:block;padding:10px 12px;border-radius:6px}#search-results a:hover{background:var(--tint)}#search-results small{display:block;color:var(--muted)}.search-foot{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}body.modal-open{overflow:hidden}body.dark{--bg:#111820;--text:#e6edf5;--muted:#a1aebb;--line:#29333e;--soft:#19232e;--accent:#8cb8fc;--tint:#192c43;--header:rgba(17,24,32,.95)}body.dark .callout{border-color:#2d4968}@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1500px){.layout{gap:64px}}@media(max-width:1150px){.toc{display:none}.layout{grid-template-columns:225px minmax(0,1fr);gap:35px}.search-open{margin-left:20px}.preview{display:none}.header-inner,.top-nav{padding-inline:28px}.layout{padding-inline:28px}}@media(max-width:720px){.header-inner{height:68px;padding:0 20px;gap:15px}.brand{font-size:29px}.docs-label{font-size:15px;margin-left:12px;padding-left:12px}.brand-dot{font-size:8px}.header-links>a,.search-open{display:none}.header-links{gap:0}.top-nav{padding:0 20px;gap:23px;overflow-x:auto;white-space:nowrap}.top-nav>a{font-size:12px}.soon{display:none}#menu{display:block;font-size:21px}.layout{display:block;padding:0 23px}#sidebar{display:none;position:fixed;top:116px;left:0;bottom:0;width:min(330px,100%);height:calc(100dvh - 116px);background:var(--bg);z-index:9;padding:24px;border-right:1px solid var(--line);box-shadow:10px 10px 40px #0002}body.menu-open #sidebar{display:block}main{padding-top:30px}h1{font-size:30px}.lead{font-size:17px}.copy{font-size:10px}.cards{gap:10px}.card{padding:17px;min-height:190px}.card h3{font-size:15px}.card p{font-size:12px}.callout{padding:13px}.article-footer{gap:12px}.toc{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}