/**
 * Остаточное после миграции на <x-blocks.cards-grid> (см.
 * plan-block-constructor.md, Этап 2). variant="plain" не даёт своей
 * шкалы h2 — но в оригинале h2 держит 64px до 1600px (глобальная шкала
 * там уже уменьшает до 56px), поэтому все три брейкпоинт-яруса ниже
 * повторены явно: ID-селектор перебивает глобальный `h2` по
 * специфичности на ЛЮБОМ брейкпоинте, значит нижние ярусы, даже если
 * их числа совпадают с глобальными, обязательны — иначе 64px удержится
 * до самого узкого экрана.
 */
#community-links-resources h2 {
    padding-bottom: 36px;
}
@media (max-width: 1600px) {
    #community-links-resources h2 {
        font-size: 64px;
    }
}
@media (max-width: 1024px) {
    #community-links-resources h2 {
        font-size: 40px;
        letter-spacing: -1.6px;
    }
}
@media (max-width: 500px) {
    #community-links-resources h2 {
        font-size: 28px;
        letter-spacing: -1.12px;
    }
}

/**
 * Маркер — тот же инлайновый SVG, что и у about-us/accompany
 * (marker-icon="svg"), но другой цвет: CSS переопределяет
 * presentation-атрибуты SVG (fill/fill-opacity) — выигрывает всегда,
 * независимо от специфичности.
 */
#community-links-resources .cards-grid__card-square--svg svg rect {
    fill: #1A1A1A;
    fill-opacity: 1;
}

/**
 * Высота "тела" футера (описание+теги) внутри карточки фиксированной
 * высоты — управляет вертикальной позицией small_text/кнопки внизу.
 */
#community-links-resources .cards-grid__card-footer-body {
    height: 57%;
}
#community-links-resources .cards-grid__card-description-text {
    margin-bottom: 50px;
}
@media (max-width: 1280px) {
    #community-links-resources .cards-grid__card-footer-body {
        height: 52%;
    }
    #community-links-resources .cards-grid__card-description-text {
        margin-bottom: 32px;
    }
}
@media (max-width: 500px) {
    #community-links-resources .cards-grid__card-footer-body {
        height: auto;
    }
    #community-links-resources .cards-grid__card-description-text {
        margin-bottom: 40px;
    }
}