.api-card {border:1px solid var(--accent);background:var(--surface);padding:20px;}
.api-card h2 {font-family:var(--serif);font-size:19px;margin-bottom:10px;}
.api-card p {font-size:13px;line-height:1.85;color:var(--text-mid);}
.api-tags {display:flex;flex-wrap:wrap;gap:8px;margin:18px 0;}
.api-tags span {font-size:11px;padding:5px 8px;background:var(--accent-light);color:var(--accent-hover);border:1px solid var(--border);}
.api-card a {color:var(--accent-hover);font-size:13px;font-weight:600;text-decoration:none;}
.api-wrap {max-width:1100px;margin:auto;padding:0 28px;}
.api-hero {padding:74px 0 52px;border-bottom:1px solid var(--border);}
.api-eyebrow {color:var(--accent-hover);font:12px var(--mono);letter-spacing:2px;margin-bottom:22px;}
.api-hero h1 {font-family:var(--serif);font-size:clamp(30px,4vw,48px);line-height:1.3;max-width:850px;}
.api-lead {max-width:750px;margin:22px 0;color:var(--text-mid);font-size:17px;line-height:1.9;}
.api-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.api-button {display:inline-block;padding:12px 20px;background:var(--accent-hover);color:#fff;text-decoration:none;font-size:14px;border:1px solid var(--accent-hover);}
.api-button.secondary {background:transparent;color:var(--accent-hover);}
.api-section {padding:36px 0;border-bottom:1px solid var(--border);}
.api-section h2 {font:600 25px var(--serif);margin-bottom:24px;}
.api-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.api-box {padding:24px;background:var(--surface);border:1px solid var(--border);}
.api-box h3 {font-size:17px;margin:10px 0 12px;}
.api-box p,.api-section>p {line-height:1.9;color:var(--text-mid);font-size:14px;}
.api-box code {font:12px var(--mono);color:var(--accent-hover);}
.api-footer {padding:28px;text-align:center;color:var(--text-mid);font-size:12px;}
a:focus-visible {outline:2px solid var(--accent);outline-offset:4px;}
.api-doc {max-width:960px;line-height:1.9;padding-top:35px;padding-bottom:50px;overflow-wrap:anywhere;}
.api-doc h1 {font:700 32px var(--serif);margin-bottom:24px;}
.api-doc h2 {font:600 24px var(--serif);margin:40px 0 18px;scroll-margin-top:20px;}
.api-doc p,.api-doc ul,.api-doc ol {margin:16px 0;}
.api-doc ul,.api-doc ol {padding-left:24px;}
.api-doc pre {background:var(--surface);border:1px solid var(--border);padding:18px;overflow:auto;font:12px/1.8 var(--mono);margin:18px 0;}
.api-doc code {font-family:var(--mono);}
.api-table {overflow:auto;margin:20px 0;}
.api-doc table {border-collapse:collapse;width:100%;font-size:13px;min-width:580px;}
.api-doc th,.api-doc td {border:1px solid var(--border);padding:10px 12px;text-align:left;}
.api-doc th {background:var(--surface2);}
.api-toc {padding:20px 24px;background:var(--surface);border:1px solid var(--border);}
.api-toc a,.api-doc a {color:var(--accent-hover);}
@media(max-width:760px){.api-grid{grid-template-columns:1fr}.api-wrap{padding-left:18px;padding-right:18px}.api-hero{padding:40px 0}.api-lead{font-size:15px}}

.api-brand-link {display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;}
.api-brand-link img {object-fit:contain;display:block;flex-shrink:0;}