* { box-sizing:border-box; }
html { scroll-padding-top:108px; }
body { margin:0; font:13px/1.85 "Sora",sans-serif; }
a { color:var(--accent-2); text-decoration:none; text-underline-offset:4px; }
a:hover { color:var(--accent); }
button,input { font:inherit; }
.docs-skip { position:fixed; top:8px; left:12px; z-index:100; padding:8px 14px; background:var(--surface); transform:translateY(-160%); }
.docs-skip:focus { transform:none; }
.docs-header.site-header { position:sticky; top:0; z-index:30; display:flex; align-items:center; gap:24px; width:100%; height:76px; padding:0 32px; margin:0; border-bottom:1px solid var(--line); background:var(--bg-0); box-shadow:none; }
.docs-brand { display:flex; align-items:center; gap:12px; color:var(--ink-0); margin-right:auto; }
.docs-brand img { border-radius:9px; }
.docs-brand strong { font:700 15px "Space Grotesk",sans-serif; letter-spacing:.08em; }
.docs-brand span { margin-left:4px; padding-left:16px; border-left:1px solid var(--line); color:var(--ink-1); font-size:12px; }
.docs-header nav { display:flex; gap:24px; font-size:11px; }
.docs-header nav a { color:var(--ink-1); }
.docs-menu { display:none; padding:8px 12px; color:var(--ink-0); background:var(--surface-2); border:1px solid var(--line); border-radius:7px; cursor:pointer; }
.docs-layout { display:grid; grid-template-columns:260px minmax(0,900px); gap:clamp(32px,6vw,100px); width:min(1440px,calc(100% - 64px)); margin:0 auto; }
.docs-sidebar { position:sticky; top:76px; align-self:start; height:calc(100dvh - 76px); overflow-y:auto; padding:30px 18px 24px 0; scrollbar-width:thin; border-right:1px solid var(--line-soft); }
.docs-search { display:block; }
.docs-search > span { display:block; margin-bottom:8px; font-size:10px; color:var(--muted); }
.docs-search input { width:100%; min-height:40px; border:1px solid var(--line); border-radius:8px; background:var(--field); color:var(--ink-0); padding:8px 11px; font-size:11px; }
#docs-search-status { font-size:10px; color:var(--muted); margin:8px 0 18px; min-height:15px; }
.docs-nav-label { margin:25px 0 8px 10px; color:var(--subtle); font:500 9px "Space Grotesk",sans-serif; letter-spacing:.1em; }
.docs-sidebar nav a { display:block; border-left:2px solid transparent; border-radius:0 6px 6px 0; padding:7px 10px; font-size:11px; line-height:1.6; color:var(--ink-1); }
.docs-sidebar nav a[hidden] { display:none; }
.docs-sidebar nav a:hover { background:var(--tint); color:var(--ink-0); }
.docs-sidebar nav a[aria-current="location"] { color:var(--accent); background:var(--tint-strong); border-left-color:var(--accent); }
.docs-sidebar-footer { display:grid; gap:10px; margin-top:36px; padding:20px 10px 0; border-top:1px solid var(--line); font-size:11px; }
.docs-edition { font:9px "Space Grotesk",sans-serif; color:var(--muted); letter-spacing:.06em; }
#docs-content { min-width:0; padding:56px 0 0; }
#docs-content:focus { outline:none; }
[data-doc-topic] { margin:0 0 72px; padding-bottom:48px; border-bottom:1px solid var(--line-soft); scroll-margin-top:104px; }
.docs-eyebrow { margin:0 0 20px; color:var(--accent); font:500 10px "Space Grotesk",sans-serif; letter-spacing:.12em; }
h1,h2,h3 { font-family:"Space Grotesk",sans-serif; line-height:1.2; color:var(--ink-0); }
h1 { font-size:clamp(34px,4vw,56px); font-weight:500; letter-spacing:-.045em; margin:0 0 24px; }
h1 span { color:var(--muted); }
article > h2 { font-size:30px; font-weight:500; margin:0 0 24px; letter-spacing:-.025em; }
h3 { font-size:18px; margin:32px 0 14px; }
p,li { color:var(--ink-1); }
p { margin:0 0 18px; }
li { margin:12px 0; padding-left:4px; }
ul,ol { padding-left:22px; }
strong { color:var(--ink-0); font-weight:600; }
.docs-lead { font-size:15px; line-height:1.9; margin-bottom:30px; }
.docs-callout { margin:28px 0; padding:18px 22px; border:1px solid var(--line); border-left:2px solid var(--accent-2); border-radius:0 9px 9px 0; background:var(--tint); font-size:12px; }
.docs-callout p { margin:8px 0 0; }
.docs-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:32px; }
.docs-cards a { padding:22px; border:1px solid var(--line); border-radius:10px; background:var(--surface); transition:border-color 150ms; }
.docs-cards a:hover { border-color:var(--accent); }
.docs-cards span { color:var(--accent); font:9px "Space Grotesk",sans-serif; letter-spacing:.08em; }
.docs-cards h2 { font-size:20px; font-weight:500; margin:14px 0 10px; }
.docs-cards p { margin:0; font-size:11px; line-height:1.8; }
table { width:100%; border-collapse:collapse; margin:24px 0; font-size:11px; }
td,th { text-align:left; vertical-align:top; padding:14px 12px; border-bottom:1px solid var(--line); }
th { color:var(--ink-0); background:var(--surface-2); font-weight:500; }
td { color:var(--ink-1); }
td:first-child { width:25%; color:var(--ink-0); }
.docs-formula { margin:24px 0; padding:20px; border:1px solid var(--line); border-radius:8px; background:var(--surface-2); color:var(--accent); font:14px/1.8 "Space Grotesk",sans-serif; }
.docs-badge { display:inline-flex; margin:0 0 24px; padding:5px 10px; border:1px solid var(--line); border-radius:6px; font:9px "Space Grotesk",sans-serif; letter-spacing:.05em; color:var(--gold); }
details { padding:18px 0; border-bottom:1px solid var(--line); }
summary { cursor:pointer; color:var(--ink-0); }
details p { margin:12px 0 0; }
.docs-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin:0 0 40px; color:var(--muted); font-size:10px; }
.docs-footer p { flex-basis:100%; margin:0; font-size:9px; }
@media(min-width:1800px) { .docs-layout { grid-template-columns:280px minmax(0,1000px); gap:110px; width:min(1640px,calc(100% - 80px)); } }
@media(max-width:960px) { .docs-layout { grid-template-columns:220px minmax(0,1fr); gap:32px; width:calc(100% - 40px); } .docs-header.site-header { padding:0 20px; } }
@media(max-width:720px) {
  .docs-header.site-header { height:66px; padding:0 16px; gap:10px; }
  .docs-brand { gap:8px; }.docs-brand img { width:28px; height:28px; }.docs-brand strong { font-size:12px; }.docs-brand span { padding-left:10px; font-size:10px; }
  .docs-header nav { display:none; }.docs-menu { display:block; font-size:10px; }.site-theme-toggle { width:34px; height:34px; flex-basis:34px; }
  .docs-layout { display:block; width:calc(100% - 32px); }
  .docs-sidebar { display:none; position:fixed; top:66px; bottom:0; left:0; width:min(320px,100%); height:auto; z-index:25; background:var(--bg-0); padding:22px; border-right:1px solid var(--line); box-shadow:20px 0 80px #0004; }
  .docs-sidebar.is-open { display:block; }#docs-content { padding-top:32px; }[data-doc-topic] { margin-bottom:44px; padding-bottom:32px; scroll-margin-top:88px; }
  .docs-cards { gap:10px; }.docs-cards a { padding:16px; }.docs-cards h2 { font-size:17px; }article>h2 { font-size:26px; }body { font-size:12px; }.docs-lead { font-size:13px; }.docs-callout { padding:15px; }td,th { padding:10px 7px; }
}
@media(max-width:380px) { .docs-cards { grid-template-columns:minmax(0,1fr); }.docs-brand span { display:none; } }
@media(prefers-reduced-motion:reduce) { * { transition:none !important; } }
