/* API documentation and key management use the site's existing theme variables. */
.fr-api-doc{max-width:1120px;margin:0 auto;padding:48px 24px 64px;color:var(--fr-ink)}
.fr-api-hero{max-width:780px;margin-bottom:36px}.fr-api-kicker{color:var(--fr-button);font-weight:650;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.fr-api-hero h1{font-size:clamp(34px,4vw,54px);font-weight:650;letter-spacing:-.04em;margin:12px 0 20px}.fr-api-hero p{color:var(--fr-muted);font-size:17px;line-height:1.8}
.fr-api-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.fr-api-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}.fr-api-nav{position:sticky;top:20px;display:flex;flex-direction:column;gap:4px}.fr-api-nav a{padding:10px 14px;border-radius:10px;color:var(--fr-muted)}.fr-api-nav a:hover{color:var(--fr-button);background:var(--fr-soft)}
.fr-api-panel,.fr-api-key-panel{background:var(--fr-surface);border:1px solid var(--fr-border);border-radius:18px;padding:28px;margin-bottom:24px;min-width:0}.fr-api-panel h2{font-size:24px;margin-bottom:16px}.fr-api-panel h3{font-size:18px;margin:24px 0 12px}.fr-api-panel p,.fr-api-panel li,.fr-api-key-panel p{color:var(--fr-muted)}.fr-api-panel ul,.fr-api-panel ol{padding-left:24px}.fr-api-panel li{margin:7px 0}.fr-api-panel a,.fr-api-key-panel a{color:var(--fr-button)}
.fr-api-panel pre{padding:18px;background:var(--fr-bg);border:1px solid var(--fr-border);border-radius:12px;color:var(--fr-ink);font-size:13px;line-height:1.7;max-width:100%;overflow:auto;white-space:pre}.fr-api-panel code,.fr-api-key-panel code{color:var(--fr-button);overflow-wrap:anywhere}.fr-api-panel pre code{color:inherit;overflow-wrap:normal}.fr-api-panel table,.fr-api-key-panel table{width:100%;border-collapse:collapse}.fr-api-panel td,.fr-api-panel th,.fr-api-key-panel td,.fr-api-key-panel th{padding:12px 10px;border-bottom:1px solid var(--fr-border);vertical-align:top;text-align:left;font-size:14px}.fr-api-panel td:first-child{white-space:nowrap}.fr-api-table-wrap{overflow-x:auto;max-width:100%}.fr-api-notice{padding:16px 18px;border-left:3px solid var(--fr-primary);background:var(--fr-soft);border-radius:0 10px 10px 0;margin:18px 0;color:var(--fr-ink)}.fr-api-key-panel label{display:block;margin-bottom:8px}.fr-api-key-panel input,.fr-api-key-panel select{width:100%;padding:12px;border:1px solid var(--fr-border);border-radius:10px;background:var(--fr-bg);color:var(--fr-ink)}.fr-api-key-form{display:grid;grid-template-columns:1fr 160px;gap:20px}.fr-api-key-form .fr-api-wide{grid-column:1/-1}.fr-api-key-panel .btn{color:var(--fr-ink)}.fr-api-key-panel .btn-primary{color:#fff}html[data-fr-theme="dark"] .fr-api-key-panel .btn-primary{color:#071a10}.fr-api-key-panel .btn-outline-danger{color:var(--fr-error)}.fr-api-error{color:var(--fr-error)!important}.fr-api-key-secret{font-family:monospace;word-break:break-all;user-select:all}.fr-api-doc :focus-visible,.fr-api-key-panel :focus-visible{outline:3px solid var(--fr-primary);outline-offset:3px}
@media(max-width:767px){.fr-api-doc{padding:28px 16px 40px}.fr-api-grid{grid-template-columns:minmax(0,1fr);gap:20px}.fr-api-nav{position:static;flex-direction:row;flex-wrap:wrap}.fr-api-nav a{padding:6px 10px;font-size:13px}.fr-api-panel,.fr-api-key-panel{padding:20px}.fr-api-key-form{grid-template-columns:1fr}.fr-api-key-form .fr-api-wide{grid-column:auto}}
