/* 2026-10-24: cards and code samples fit mobile without shifting the page. */
.api-wrap{max-width:1120px;margin:auto;padding:2rem var(--gut) 4rem;color:var(--text)}
.api-hero{max-width:850px;margin:1rem auto 2.5rem;text-align:center}
.api-wrap h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.7rem);line-height:1.12;letter-spacing:-.03em;margin:.5rem 0 1.25rem}
.api-wrap h1 em{color:var(--green);font-style:normal}
.api-lead{font-size:1.15rem;line-height:1.65;color:var(--text-soft)}
.api-wrap p,.api-wrap li{line-height:1.65}.api-wrap a{color:var(--green)}
.api-links{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:1.25rem 0}
.api-hero .api-links{justify-content:center}.api-links a{padding:.55rem 0;min-height:44px}
.api-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}
.api-plan,.api-panel{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-1);padding:1.5rem;min-width:0}
.api-plan{display:flex;flex-direction:column}.api-plan--featured{border:2px solid var(--green)}
.api-plan h2{font-size:1.3rem;margin:0 0 1rem}.api-price{font-family:var(--font-display);font-size:2.65rem;margin:0;line-height:1.2!important}
.api-price span{font-size:.95rem;color:var(--text-muted)}.api-plan ul{padding-left:1.2rem;margin-bottom:1.5rem;flex:1}
.api-plan form{margin-top:auto}.api-plan .btn{width:100%;justify-content:center;min-height:48px}
.api-two{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.api-panel h2{margin-top:0}
.api-fine{font-size:.9rem;color:var(--text-muted)}.api-notice{border-left:3px solid var(--green);padding:.75rem 1rem;background:var(--bg-1)}
.api-wrap pre{max-width:100%;overflow:auto;padding:1rem;border-radius:var(--r-md);background:var(--bg);font-size:.85rem;line-height:1.7}
.api-wrap code{font-family:var(--font-mono);overflow-wrap:anywhere}.api-docs h2{margin-top:2rem;scroll-margin-top:7rem}
.api-table-wrap{overflow:auto;max-width:100%}.api-docs table{width:100%;border-collapse:collapse}.api-docs th,.api-docs td{padding:1rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.api-dashboard{max-width:850px}.api-dashboard input{display:block;box-sizing:border-box;width:100%;font:inherit;min-height:48px;padding:.8rem;margin:.6rem 0 1rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md)}
.api-dashboard progress{width:100%;accent-color:var(--green)}.api-dashboard [hidden]{display:none}.api-dashboard button{min-height:44px}.api-wrap :focus-visible{outline:3px solid var(--green);outline-offset:3px}
#api-new-key{overflow-wrap:anywhere;border:1px solid var(--green);padding:1rem}#api-daily{max-height:20rem;overflow:auto}
@media(max-width:760px){.api-plans,.api-two{grid-template-columns:1fr}.api-wrap{padding-top:1.5rem}.api-hero{text-align:left}.api-hero .api-links{justify-content:flex-start}.api-docs td,.api-docs th{padding:.7rem}.api-panel,.api-plan{padding:1.2rem}.api-wrap h1{font-size:2rem}}