.api-page {
    max-width: 100%;
}

.api-intro {
    margin-bottom: 28px;
}

.api-sections {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: stretch;
}

.api-card {
    flex: 1 1 300px;
    max-width: 380px;
    min-width: 280px;

    display: flex;
    flex-direction: column;

    padding: 24px;

    background: var(--color-soft-bg, #f5f7fa);
    border-radius: var(--content-block-radius);
}

.api-card__title {
    margin: 0 0 14px;

    font-size: clamp(19px, 1.6vw, 23px);
    line-height: 1.25;
    font-weight: 700;
}

.api-card__description {
    margin: 0 0 20px;
    line-height: 1.6;
}

.api-card__link {
    margin-top: auto;
    font-weight: 700;
    text-decoration: none;
    color: var(--color-content-link);
}

.api-card__disabled {
    margin-top: auto;
    opacity: 0.6;
    font-weight: 700;
}

@media (max-width: 700px) {
    .api-sections {
        flex-direction: column;
    }

    .api-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
}