code, pre, .mono { font-family: var(--font-family-mono); }

.dev-docs-shell { display: grid; grid-template-columns: 200px 1fr; gap: var(--space-8); max-width: 960px; margin: 0 auto; padding: var(--space-10) var(--space-5); align-items: start; }
.dev-docs-toc { position: sticky; top: var(--space-6); }
.dev-docs-toc h2 { font-size: var(--font-size-sm); text-transform: uppercase; letter-spacing: 0.04em; color: var(--color-text-muted); margin-bottom: var(--space-3); }
.dev-docs-toc ul { list-style: none; margin: 0; padding: 0; }
.dev-docs-toc li { margin-bottom: var(--space-2); }
.dev-docs-toc a { text-decoration: none; font-size: var(--font-size-sm); }
.dev-docs-main h2 { font-size: var(--font-size-headline); margin-top: var(--space-10); scroll-margin-top: var(--space-6); }
.dev-docs-main h2:first-child { margin-top: 0; }
.dev-docs-main h3 { font-size: var(--font-size-lg); margin-top: var(--space-8); }
.dev-docs-main p { margin-top: var(--space-3); color: var(--color-text-muted); }
.dev-docs-main table { width: 100%; border-collapse: collapse; margin-top: var(--space-4); font-size: var(--font-size-sm); }
.dev-docs-main th, .dev-docs-main td { text-align: left; padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--color-border); vertical-align: top; }
.dev-docs-main th { color: var(--color-text-muted); font-weight: var(--font-weight-semibold); }
.dev-docs-main td code, .dev-docs-main th code { font-size: var(--font-size-xs); }
.dev-method-path { font-family: var(--font-family-mono); font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); margin-top: var(--space-6); }
.dev-method-path .method { color: var(--color-accent-text); }

.code-block { background: color-mix(in srgb, var(--color-text) 4%, var(--color-surface)); padding: var(--space-4); border-radius: var(--radius-md); overflow-x: auto; white-space: pre-wrap; word-break: break-word; font-family: var(--font-family-mono); font-size: var(--font-size-xs); border: 1px solid var(--color-border); }

@media (max-width: 860px) {
  .dev-docs-shell { grid-template-columns: 1fr; }
  .dev-docs-toc { position: static; }
}