:root{--guide-bg:#10100f;--guide-panel:#181817;--guide-ink:#f4f0e8;--guide-muted:#c2beb5;--guide-line:#ffffff28;--guide-accent:#d3fa7a;--guide-serif:Georgia,'Times New Roman',serif;--guide-sans:Inter,ui-sans-serif,system-ui,sans-serif}
body.docs-site{min-height:100vh;background:var(--guide-bg);color:var(--guide-ink);font-family:var(--guide-sans)}
.docs-site .sk-nav{position:sticky;top:0;z-index:10;background:#10100feF;border-bottom:1px solid var(--guide-line);backdrop-filter:blur(18px)}
.docs-site .brand-wordmark{width:148px;height:auto}.docs-site .nav-links a{color:var(--guide-muted)}
.docs-shell{width:min(1160px,calc(100% - 2.5rem));margin:auto}.docs-hero{position:relative;padding:clamp(5rem,12vw,10rem) 0 5rem;border-bottom:1px solid var(--guide-line)}
.docs-hero::after{content:"";position:absolute;right:4%;top:18%;width:clamp(120px,22vw,260px);aspect-ratio:1;border:1px solid #d3fa7a33;border-radius:50%;box-shadow:0 0 0 22px #d3fa7a08,0 0 100px #d3fa7a10;pointer-events:none}
.docs-kicker{color:var(--guide-accent);font:700 .68rem/1.4 ui-monospace,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase}
.docs-hero h1{position:relative;z-index:1;max-width:9ch;margin:1.1rem 0;font:500 clamp(4rem,10vw,8.5rem)/.88 var(--guide-serif);letter-spacing:-.075em}.docs-hero h1 em{color:var(--guide-accent);font-weight:400}
.docs-lede{position:relative;z-index:1;max-width:58ch;color:var(--guide-muted);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.8}
.docs-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}.docs-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:46px;padding:.75rem 1rem;border:1px solid #ffffff29;border-radius:999px;background:#ffffff08;color:var(--guide-ink);font-size:.84rem;font-weight:650;transition:transform .2s,border-color .2s,background .2s}.docs-button:hover{transform:translateY(-2px);border-color:#d3fa7a70}.docs-button-primary{border-color:var(--guide-accent);background:var(--guide-accent);color:#161910}.docs-hero-note{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:3.5rem;color:var(--guide-muted);font:600 .7rem ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}.docs-hero-note span::before{content:"/";margin-right:.55rem;color:var(--guide-accent)}
.docs-start{padding:5rem 0}.docs-section-heading{max-width:620px;margin-bottom:1.7rem}.docs-section-heading h2,.docs-callout h2{margin:.8rem 0;font:500 clamp(2.3rem,5vw,4rem)/.98 var(--guide-serif);letter-spacing:-.055em}.docs-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.docs-card{display:flex;min-height:230px;flex-direction:column;padding:1.35rem;border:1px solid var(--guide-line);border-radius:18px;background:linear-gradient(145deg,#ffffff0c,#ffffff03);transition:transform .22s,border-color .22s,background .22s}.docs-card:hover{transform:translateY(-4px);border-color:#d3fa7a55;background:#d3fa7a08}.docs-card-number{color:var(--guide-accent);font:700 .68rem ui-monospace,Consolas,monospace}.docs-card h3{margin:1.25rem 0 .4rem;font:600 1.35rem/1.1 var(--guide-serif);letter-spacing:-.025em}.docs-card p{color:var(--guide-muted);font-size:.86rem;line-height:1.7}.docs-card-link{margin-top:auto;padding-top:1.1rem;color:var(--guide-accent);font-size:.78rem;font-weight:700}.docs-card-feature{background:linear-gradient(145deg,#d3fa7a1c,#ffffff04)}
.docs-callout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;margin:0 0 5rem;padding:clamp(1.3rem,4vw,2.4rem);border:1px solid #d3fa7a35;border-radius:24px;background:radial-gradient(ellipse at 5% 0,#d3fa7a12,transparent 55%),var(--guide-panel)}.docs-callout-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:var(--guide-accent);color:#171910;font:700 1.8rem var(--guide-serif)}.docs-callout h2{max-width:20ch;font-size:clamp(1.8rem,3vw,2.7rem)}.docs-callout p:not(.docs-kicker){max-width:62ch;color:var(--guide-muted);font-size:.88rem;line-height:1.7}
.docs-footer{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.5rem max(1.25rem,calc((100vw - 1160px)/2));border-top:1px solid var(--guide-line);color:var(--guide-muted);font-size:.8rem}.docs-footer>a{color:var(--guide-ink);font-weight:800}.docs-footer nav{display:flex;gap:1rem;margin-left:auto}.docs-footer nav a:hover{color:var(--guide-accent)}
/* Inner guide pages */
.docs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(2rem,6vw,5rem);padding:3rem 0 6rem}.docs-sidebar{align-self:start;position:sticky;top:92px;padding:1rem;border:1px solid var(--guide-line);border-radius:16px;background:#ffffff05}.docs-sidebar p{margin:0 0 .7rem;color:var(--guide-accent);font:700 .64rem ui-monospace,Consolas,monospace;letter-spacing:.14em}.docs-sidebar a{display:block;padding:.55rem .65rem;border-radius:8px;color:var(--guide-muted);font-size:.8rem}.docs-sidebar a:hover,.docs-sidebar a[aria-current=page]{background:#d3fa7a10;color:var(--guide-ink)}.docs-content{min-width:0}.docs-content header{padding:1.5rem 0 2rem;border-bottom:1px solid var(--guide-line)}.docs-content h1{max-width:14ch;margin:.7rem 0;font:500 clamp(2.8rem,6vw,5.4rem)/.95 var(--guide-serif);letter-spacing:-.06em}.docs-content .docs-lede{font-size:1rem}.guide-section{padding:2rem 0;border-bottom:1px solid var(--guide-line);scroll-margin-top:100px}.guide-section h2{margin:0 0 .7rem;font:500 clamp(1.7rem,3vw,2.4rem)/1.05 var(--guide-serif);letter-spacing:-.035em}.guide-section h3{margin:1.4rem 0 .45rem;font-size:1rem}.guide-section p,.guide-section li{max-width:75ch;color:var(--guide-muted);font-size:.9rem;line-height:1.8}.guide-section p+p{margin-top:.8rem}.guide-section strong{color:var(--guide-ink)}.guide-section a:not(.docs-button){color:var(--guide-accent);text-decoration:underline;text-underline-offset:3px}.guide-section ul,.guide-section ol{display:grid;gap:.5rem;margin:1rem 0;padding-left:1.3rem;list-style:decimal}.guide-section ul{list-style:disc}.guide-section code{padding:.14rem .35rem;border:1px solid var(--guide-line);border-radius:5px;background:#ffffff08;color:#e6e2d7;font:.82em ui-monospace,Consolas,monospace}.guide-section pre{overflow:auto;margin:1rem 0;padding:1rem 1.2rem;border:1px solid var(--guide-line);border-radius:14px;background:#090a09;color:#e6e2d7;font:.8rem/1.8 ui-monospace,Consolas,monospace}.guide-section pre code{padding:0;border:0;background:none;white-space:pre}.guide-table-wrap{overflow:auto;margin:1rem 0;border:1px solid var(--guide-line);border-radius:14px}.guide-table{width:100%;border-collapse:collapse;text-align:left}.guide-table th,.guide-table td{min-width:135px;padding:.8rem;border-bottom:1px solid var(--guide-line);vertical-align:top}.guide-table th{color:var(--guide-ink);font-size:.78rem}.guide-table td{color:var(--guide-muted);font-size:.82rem;line-height:1.6}.guide-next{display:flex;justify-content:space-between;gap:.7rem;flex-wrap:wrap;padding-top:1.5rem}.faq-list{display:grid;gap:.65rem;margin-top:1rem}.faq-list details{border:1px solid var(--guide-line);border-radius:13px;background:#ffffff05}.faq-list summary{padding:1rem 1.1rem;color:var(--guide-ink);font-weight:650;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";float:right;color:var(--guide-accent);font-size:1.15rem}.faq-list details[open] summary::after{content:"−"}.faq-list details p{padding:0 1.1rem 1rem}.faq-list summary:focus-visible,.docs-button:focus-visible,.docs-card:focus-visible{outline:3px solid var(--guide-accent);outline-offset:3px}
@media(max-width:800px){.docs-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static;display:flex;gap:.3rem;overflow:auto;white-space:nowrap}.docs-sidebar p{display:none}.docs-sidebar a{flex:0 0 auto}.docs-callout{grid-template-columns:auto 1fr}.docs-callout>.docs-button{grid-column:2;justify-self:start}}
@media(max-width:520px){.docs-shell{width:min(100% - 1.5rem,1160px)}.docs-card-grid{grid-template-columns:1fr}.docs-card{min-height:190px}.docs-footer{align-items:flex-start;flex-direction:column}.docs-footer nav{margin-left:0}.docs-callout{grid-template-columns:1fr}.docs-callout>.docs-button{grid-column:auto}.docs-hero::after{right:0;top:12%;opacity:.5}}
@media(prefers-reduced-motion:reduce){.docs-button,.docs-card{transition:none}}

/* Keep the guide palette predictable beside the shared site stylesheet. */
body[data-sk-site].docs-site .docs-sidebar a,
body[data-sk-site].docs-site .docs-lede,
body[data-sk-site].docs-site .docs-card p,
body[data-sk-site].docs-site .docs-footer,
body[data-sk-site].docs-site .guide-section p,
body[data-sk-site].docs-site .guide-section li,
body[data-sk-site].docs-site .guide-table td,
body[data-sk-site].docs-site .faq-list details p{color:var(--guide-muted)}
body[data-sk-site].docs-site .docs-content h1,
body[data-sk-site].docs-site .guide-section h2,
body[data-sk-site].docs-site .guide-section h3,
body[data-sk-site].docs-site .guide-table th,
body[data-sk-site].docs-site .faq-list summary{color:var(--guide-ink)}
body[data-sk-site].docs-site .docs-sidebar a[aria-current=page],
body[data-sk-site].docs-site .docs-sidebar a:hover{color:var(--guide-ink)}
body[data-sk-site].docs-site .guide-section a:not(.docs-button),
body[data-sk-site].docs-site .docs-card-link,
body[data-sk-site].docs-site .docs-footer nav a:hover{color:var(--guide-accent)}
body[data-sk-site].docs-site .docs-button{color:var(--guide-ink)}
body[data-sk-site].docs-site .docs-button-primary,
body[data-sk-site].docs-site .docs-button-primary:hover{color:#161910;background:var(--guide-accent)}
