.api-docs { width:min(1040px,calc(100% - 80px)); margin:64px auto 80px; }
.api-docs>.section-heading { display:block; max-width:780px; margin-bottom:24px; }
.api-docs h1 { font-size:clamp(30px,4vw,46px); line-height:1.15; letter-spacing:-.035em; margin-bottom:20px; }
.api-docs>.section-heading p { font-size:16px; line-height:1.7; }
.api-docs>.feature-grid { margin:48px 0; gap:32px; }
.api-docs .feature-card h2 { margin-bottom:12px; font-size:19px; }
.api-docs .feature-card p,.api-docs .panel p { color:var(--text-secondary); line-height:1.8; font-size:14px; }
.api-docs>.panel { margin-top:24px; }
.api-docs .panel h2 { font-size:23px; margin-bottom:14px; }
.api-docs .panel p+p { margin-top:12px; }
.api-docs pre { background:var(--surface-soft); color:var(--ink); padding:20px; margin:18px 0; border-radius:8px; font-size:13px; line-height:1.8; }
.api-docs code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.9em; overflow-wrap:anywhere; }
.api-docs pre code { font-size:inherit; overflow-wrap:normal; }
.workspace-main.nav-api>.panel { margin-bottom:24px; }
.workspace-main.nav-api .panel>p { color:var(--text-secondary); font-size:14px; line-height:1.7; margin:12px 0; }
.workspace-main.nav-api .panel label { display:block; }
.workspace-main.nav-api input[readonly] { font-family:ui-monospace,monospace; font-size:13px; margin-top:8px; }
@media(max-width:700px) {
  .api-docs { width:calc(100% - 32px); margin:36px auto 50px; }
  .api-docs>.feature-grid { grid-template-columns:1fr; margin:36px 0; gap:24px; }
  .api-docs .panel-pad { padding:20px; }
  .api-docs .panel h2 { font-size:20px; }
}