.api-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.api-compare article{padding:22px;border:1px solid var(--ag-line);border-radius:17px;background:#F3F2EF;color:var(--ag-body)}
.api-compare article.is-current{border-color:#E7B2B2;background:#FFF8F8;color:var(--ag-ink)}
.api-compare span{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--ag-muted)}
.api-compare .is-current span{color:var(--ag-red)}
.api-compare h2{margin:8px 0;font-size:18px}
.api-compare p{margin:0;font-size:12px;line-height:1.8}
.api-site-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.api-site-list article{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid var(--ag-line);border-radius:13px;background:#fff}
.api-site-status{width:8px;height:8px;flex:none;border-radius:50%;background:var(--ag-green);box-shadow:0 0 0 4px #EDF8F1}
.api-site-list div{display:flex;flex-direction:column;min-width:0}
.api-site-list b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.api-site-list small{color:var(--ag-muted);font-size:9.5px}
.api-site-list strong{margin-left:auto;color:var(--ag-green);font-size:10px;white-space:nowrap}
.api-integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.api-integration-grid .af-panel+.af-panel{margin-top:0}
.api-code{resize:vertical;min-height:142px!important;background:#1E1E1D!important;color:#E9E6DE!important;border-color:#1E1E1D!important;font:11px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.api-module-list{display:flex;flex-wrap:wrap;gap:8px}
.api-module-list label{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--ag-line);border-radius:999px;color:var(--ag-body);font-size:11px;cursor:pointer}
.api-module-list input{width:14px;height:14px;margin:0;accent-color:var(--ag-red)}
.api-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.api-key-grid .af-panel+.af-panel{margin-top:0}
.api-key-grid .af-secondary+.af-form-status{display:inline-block;margin-left:10px}
.api-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.api-limits div{padding:12px;border-radius:11px;background:#F7F7F5;text-align:center}
.api-limits span{display:block;color:var(--ag-muted);font-size:10px}
.api-limits b{display:block;margin-top:4px;font-size:14px}
@media(max-width:1100px){.api-site-list{grid-template-columns:1fr}.api-integration-grid,.api-key-grid{grid-template-columns:1fr}}
@media(max-width:640px){.api-compare{grid-template-columns:1fr}.api-limits{grid-template-columns:1fr}.api-key-grid .af-secondary+.af-form-status{display:block;margin-left:0}}