html { scroll-padding-top: 24px; }
.api-docs-page .header-inner { max-width: 1440px; }
.docs-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 64px; max-width: 1440px; margin: auto; padding: 56px 48px 80px; }
.docs-sidebar { align-self: start; position: sticky; top: 28px; max-height: calc(100svh - 56px); overflow-y: auto; padding-right: 12px; }
.docs-sidebar nav { display: grid; gap: 3px; }
.docs-sidebar nav a { color: var(--muted); font-size: 12px; padding: 8px 10px; border-left: 1px solid var(--line); }
.docs-sidebar nav a:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-soft); text-decoration: none; }
.docs-related { display: grid; gap: 14px; font-size: 11px; border-top: 1px solid var(--line); margin-top: 24px; padding: 22px 10px 0; }
.api-reference { min-width: 0; max-width: 880px; }
.api-reference h1 { margin-bottom: 24px; }
.api-reference h2 { border-top: 1px solid var(--line); padding-top: 34px; margin: 44px 0 18px; font-size: 23px; line-height: 1.25; }
.api-reference h3 { margin: 28px 0 14px; font-size: 16px; font-weight: 500; }
.api-reference p, .api-reference li { color: var(--muted); line-height: 1.8; overflow-wrap: anywhere; }
.api-reference p { margin: 14px 0; }
.api-reference strong { color: var(--ink); font-weight: 500; }
.api-reference ul, .api-reference ol { margin: 16px 0; padding-left: 22px; }
.api-reference li + li { margin-top: 8px; }
.api-reference code { color: #d6c4f3; font-size: .9em; background: #19141f; border-radius: 3px; padding: 2px 4px; overflow-wrap: anywhere; }
.api-reference pre { padding: 20px; background: #100e15; border: 1px solid #32283f; border-radius: 8px; color: #dcccef; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; line-height: 1.8; margin: 20px 0; }
.api-reference pre code { padding: 0; background: transparent; font-size: inherit; }
.api-reference .button { margin-top: 30px; }
.docs-footer { max-width: 1344px; margin: auto; padding: 24px 0; border-top: 1px solid var(--line); color: var(--subtle); font-size: 11px; }
.site-footer a { white-space: nowrap; }
@media (max-width: 1000px) {
  .docs-layout { grid-template-columns: 200px minmax(0, 1fr); gap: 36px; padding: 44px 30px 60px; }
  .docs-footer { margin: 0 30px; }
}
@media (max-width: 760px) {
  .docs-layout { display: block; padding: 36px 20px 50px; }
  .docs-sidebar { position: static; max-height: none; padding: 0 0 32px; margin-bottom: 32px; border-bottom: 1px solid var(--line); }
  .docs-sidebar nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .docs-sidebar nav a { overflow-wrap: anywhere; }
  .docs-related { display: flex; flex-wrap: wrap; }
  .api-reference h1 { font-size: 36px; }
  .api-reference pre { padding: 14px; font-size: 11px; }
  .docs-footer { margin: 0 20px; }
  .api-docs-page .header-inner { gap: 14px; }
  .api-docs-page .header-inner > a:last-child { font-size: 11px; }
}