:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#1e1e1e;color:#f5f5f5;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:#9855ee;text-decoration:none}a:hover{text-decoration:underline}header{height:65px;border-bottom:1px solid #303030;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;background:#1e1e1e;z-index:5}.logo{font-size:20px;font-weight:bold;color:#fff;display:flex;align-items:center;gap:12px}.logo span{font-size:22px}.search{display:flex;gap:10px;align-items:center;border:1px solid #414141;border-radius:12px;padding:10px 12px;width:225px}.search input{border:0;background:none;min-width:0;width:100%;color:inherit;outline:none}.search kbd{white-space:nowrap;font-size:11px;color:#bbb}.sidebar{position:fixed;top:65px;bottom:0;left:0;width:332px;padding:31px 32px 20px;overflow:auto}.sidebar select{width:100%;padding:9px 12px;border:1px solid #444;border-radius:12px;background:#1e1e1e;color:#ccc;font:inherit;font-size:14px;margin-bottom:30px}.sidebar details{margin:4px 0 25px}.sidebar summary{font-size:12px;font-weight:bold;margin-bottom:10px;cursor:pointer;list-style:none}.sidebar nav a{display:block;color:#bbb;font-size:14px;line-height:1.45;padding:8px 0}.sidebar nav a[aria-current]{color:#9855ee;font-weight:bold}.powered{display:block;border:1px solid #3c3c3c;border-radius:12px;padding:15px;color:#ccc;font-size:14px;margin-top:24px}.store{display:block;font-size:13px;color:#aaa;margin-top:16px}main{margin:25px 32px 60px 367px;max-width:610px}.article-tools{display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{font-size:13px;color:#9855ee}.copy-tools{display:flex;border:1px solid #444;border-radius:8px;overflow:hidden}.copy-tools button,.copy-tools a{padding:5px 8px;background:transparent;color:#ccc;border:0;font:inherit;font-size:13px;cursor:pointer}.copy-tools a{border-left:1px solid #444}h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:12px 0 16px}h2{font-size:26px;margin-top:35px}h3{font-size:21px;line-height:1.4}h4{font-size:17px}article{line-height:1.55}article>h1+p{color:#bbb;font-size:20px}article ul,article ol{padding-left:28px;margin:24px 0}article li{padding-left:0;margin:8px 0}article li::marker{color:#bbb}article a{overflow-wrap:anywhere;text-decoration:underline}article p{margin:18px 0}mark{background:none}.mark-red{color:#ff6b72}.mark-yellow{color:#f1d66d}.mark-blue{color:#669bff}.hint{padding:15px 20px;border:1px solid #444;border-left:4px solid #888;border-radius:8px;margin:24px 0;background:#242424}.hint.danger{border-color:#773b43;background:#302023}.hint.warning{border-color:#806f37;background:#302c20}.hint.info{border-color:#3a6480;background:#202a30}.hint p:first-child{margin-top:0}.hint p:last-child{margin-bottom:0}.steps{counter-reset:step}.step{border-left:1px solid #555;padding-left:28px;margin-left:12px;position:relative}.step h3:before{counter-increment:step;content:counter(step);position:absolute;left:-14px;background:#333;border-radius:50%;width:26px;height:26px;text-align:center;font-size:14px;padding-top:3px}.page-links{display:flex;gap:16px;margin-top:36px}.page-links a{border:1px solid #3b3b3b;border-radius:5px;padding:16px 20px;flex:1;color:#eee}.page-links small{display:block;font-size:12px;color:#aaa;margin-bottom:5px}#copy-status{color:#aaa;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#search-results{position:absolute;right:32px;top:60px;width:min(500px,90vw);max-height:70vh;overflow:auto;background:#252525;border:1px solid #555;border-radius:10px;box-shadow:0 16px 60px #0008}#search-results a{display:block;padding:14px 18px;border-bottom:1px solid #444;color:#eee}#search-results small{display:block;color:#aaa;margin-top:5px}:focus-visible{outline:2px solid #9855ee;outline-offset:3px}@media(min-width:1500px){main{max-width:760px;margin-left:400px}}@media(max-width:800px){header{padding:0 20px}.sidebar{position:static;width:auto;padding:22px 20px;border-bottom:1px solid #333}.sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sidebar select{margin-bottom:18px}.powered,.store{display:inline-block;margin:0 12px 0 0}.sidebar details{margin:0 0 18px}main{margin:28px 20px 60px;max-width:none}.search{width:180px}.search kbd{display:none}h1{font-size:30px}.page-links{flex-wrap:wrap}}
.content-ref{margin-top:22px;border:1px solid #3b3b3b;border-radius:5px}.content-ref p{margin:0}.content-ref a{display:flex;justify-content:space-between;padding:14px 20px;color:#eee;text-decoration:none}.content-ref a:after{content:'›';color:#aaa}.page-links:empty{display:none}
/* Shared storefront colors and guide navigation states. */
:root{background:#000;color:#f8f1f7;--guide-accent:#ff00ea;--guide-border:#352333;--guide-surface:#100a10;--guide-muted:#bdaabb}
body,header{background:#000}header{border-color:var(--guide-border)}a,.breadcrumb{color:var(--guide-accent)}.logo{color:#fff}.logo span{background:var(--guide-accent);border-radius:4px}
.search,.copy-tools,.copy-tools a,.powered,.content-ref,.page-links a{border-color:var(--guide-border)}.search,.copy-tools,.powered,.content-ref,.page-links a{background:var(--guide-surface)}
.sidebar nav a{padding:9px 12px;border-radius:8px;margin:3px 0;color:var(--guide-muted);border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}
.sidebar nav a:hover,.sidebar nav a:focus-visible,.sidebar summary:hover{background:#ff00ea12;color:#fff;text-decoration:none}
.sidebar nav a[aria-current]{background:#ff00ea16;border-color:#ff00ea55;color:var(--guide-accent)}
.sidebar details:not(.guide-switcher)>summary{padding:9px 12px;margin-left:0;border-radius:8px}
.guide-switcher{position:relative;margin:0 0 26px!important;z-index:4}
.guide-switcher>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;margin:0!important;padding:12px 14px!important;border:1px solid var(--guide-border);border-radius:10px;background:var(--guide-surface);color:#f8f1f7;font-size:14px!important;font-weight:500!important;cursor:pointer}
.guide-switcher>summary::-webkit-details-marker{display:none}.guide-switcher>summary::after{content:'';width:7px;height:7px;border-right:2px solid var(--guide-accent);border-bottom:2px solid var(--guide-accent);transform:rotate(45deg);margin-right:3px}.guide-switcher[open]>summary{border-color:var(--guide-accent)}.guide-switcher[open]>summary::after{transform:rotate(225deg)}
.sidebar .guide-options{position:absolute;top:calc(100% + 8px);left:0;right:0;display:block;padding:6px;border:1px solid #6a285f;border-radius:10px;background:#140b13;box-shadow:0 16px 35px #000b}
.sidebar .guide-options a{display:flex;justify-content:space-between;align-items:center;margin:2px 0}.guide-options a[aria-current]::after{content:'✓';color:var(--guide-accent)}
.content-ref:hover,.page-links a:hover,.powered:hover{background:#ff00ea0d;border-color:#ff00ea70;text-decoration:none}.content-ref:hover a{color:var(--guide-accent)}
#search-results{background:#140b13;border-color:var(--guide-border)}#search-results a{border-color:var(--guide-border)}#search-results a:hover{background:#ff00ea16;color:var(--guide-accent);text-decoration:none}:focus-visible{outline-color:var(--guide-accent)}
@media(max-width:800px){.sidebar{border-color:var(--guide-border)}.sidebar .guide-options{display:block}}

.logo img{display:block;width:34px;height:34px;object-fit:contain;border-radius:6px}.sidebar .store{margin-top:20px}
/* Center the documentation shell on wide screens, matching the reference layout. */
:root{--guide-shell:1216px;--guide-gutter:max(32px,calc((100vw - var(--guide-shell))/2))}
header{padding-left:var(--guide-gutter);padding-right:var(--guide-gutter)}
.sidebar{left:calc(var(--guide-gutter) - 32px);width:332px}
main{width:calc(100% - 399px);max-width:760px;margin:25px auto 60px;padding-left:0;transform:translateX(150px)}
#search-results{right:var(--guide-gutter)}
@media(min-width:1200px){main{width:610px;max-width:610px;transform:translateX(32px)}}
@media(max-width:1199px) and (min-width:801px){main{width:auto;max-width:none;margin:25px 32px 60px 367px;transform:none}}
@media(max-width:800px){header{padding-left:20px;padding-right:20px}.sidebar{left:auto;width:auto}main{width:auto;max-width:none;margin:28px 20px 60px;transform:none}#search-results{right:20px}}

.sidebar>nav>details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}
.sidebar>nav>details>summary::-webkit-details-marker{display:none}
.sidebar>nav>details>summary::after{content:'';width:6px;height:6px;flex:0 0 6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);opacity:.35;transition:opacity .18s,transform .18s;color:var(--guide-muted);margin-right:3px}
.sidebar>nav>details[open]>summary::after{transform:rotate(45deg)}
.sidebar>nav>details>summary:hover::after,.sidebar>nav>details>summary:focus-visible::after{opacity:1;color:var(--guide-accent)}
@media(prefers-reduced-motion:reduce){.sidebar>nav>details>summary::after{transition:none}}

.guide-section-content{overflow:hidden}.guide-options{transform-origin:top center}

/* Theme-colored article links with compact external-link arrows. */
article a,article a:hover{color:var(--guide-accent);text-decoration:none}
article a .mark-blue{color:inherit}
article a[href^="https://"]::after,article a[href^="http://"]::after{content:'↗';display:inline-block;margin-left:4px;font-size:.8em;line-height:1;vertical-align:baseline;color:var(--guide-accent)}
