/* Temporary API availability page. Keep this scoped away from API documentation. */
.api-placeholder { padding: 72px 40px; border-radius: 12px; background: #f7f8fa; text-align: center; }
.api-placeholder__icon { display: block; width: 48px; height: 48px; margin: 0 auto 28px; color: #293a60; }
.api-placeholder .info-page__eyebrow { margin-bottom: 16px; }
.api-placeholder h1 { margin: 0 0 24px; color: #202735; font-size: clamp(38px,3.5vw,52px); line-height: 1.1; font-weight: 700; letter-spacing: -.025em; }
.api-placeholder__lead { max-width: 490px; margin: 0 auto 18px; color: #202735; font-size: 22px; line-height: 1.5; }
.api-placeholder__message { max-width: 490px; margin: 0 auto; color: #596477; font-size: 18px; line-height: 1.7; }
.api-placeholder__alternatives { margin-top: 48px; }
.api-placeholder__alternatives > p { margin: 0 0 16px; color: #596477; font-size: 16px; line-height: 1.6; }
.api-placeholder__actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px 28px; }
.api-placeholder__actions a { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; font-size: 16px; font-weight: 600; line-height: 1.5; }
.api-placeholder__actions a span { flex-shrink: 0; }
.api-placeholder__button { padding: 11px 19px; border-radius: 7px; background: #293a60; color: #fff; text-decoration: none; }
.api-placeholder__button:hover { background: #354d7b; color: #fff; text-decoration: none; }
.api-placeholder__link { color: #293a60; text-decoration: underline; text-decoration-color: #c2cbda; text-underline-offset: 5px; }
.api-placeholder__link:hover { color: #293a60; text-decoration-color: currentColor; }
@media (min-width: 992px) and (max-width: 1199px) {
    .api-placeholder { padding: 64px 28px; }
    .api-placeholder__actions { gap: 12px 20px; }
}
@media (max-width: 767px) {
    .api-placeholder { padding: 44px 24px; }
    .api-placeholder__icon { width: 42px; height: 42px; margin-bottom: 24px; }
    .api-placeholder__lead { font-size: 20px; }
    .api-placeholder__message { font-size: 17px; }
    .api-placeholder__message br { display: none; }
    .api-placeholder__alternatives { margin-top: 36px; }
    .api-placeholder__actions { flex-direction: column; gap: 8px; }
}
@media (max-width: 359px) {
    .api-placeholder { padding: 40px 20px; }
    .api-placeholder h1 { font-size: 35px; }
}