.api-purchase-controls{display:flex;flex-wrap:wrap;gap:18px;padding:20px 0 28px}
.api-purchase-controls label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}
/* Pill toggles, matching the treatment on /pricing. */
.api-toggle-row{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg3);border:1px solid var(--border2);padding:4px;border-radius:99px}
.api-toggle-btn{padding:9px 18px;min-height:36px;background:none;border:none;color:var(--text-secondary,#8892A6);cursor:pointer;border-radius:99px;font:inherit;font-size:13px;font-weight:600;transition:all .18s;white-space:nowrap}
.api-toggle-btn:hover{color:var(--text)}
.api-toggle-btn.is-active{background:var(--green,#00D68F);color:#04150F}
.api-toggle-btn:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.api-purchase-controls p{flex-basis:100%;margin:0;font-size:13px}
.api-purchase-controls select:focus-visible{outline:2px solid var(--green);outline-offset:3px}
#api-plan-access{margin:24px 0;padding:20px;border:1px solid var(--border2);border-radius:12px}
#api-plan-access table{width:100%;min-width:600px;border-collapse:collapse;font-size:12px}
#api-plan-access th,#api-plan-access td{padding:12px 10px;border-bottom:1px solid var(--border2);text-align:left;line-height:1.5}
#api-plan-access p{font-size:13px;line-height:1.7}