/* Advertising cards: the desktop composition is retained at every width. */
.advertisement-card .related-content-card__layout {
    display: grid;
    grid-template-columns: 30% minmax(0, 1fr);
    grid-template-areas: "image content";
    align-items: stretch;
}
.advertisement-card .related-content-card__media-col { grid-area: image; width: 100%; min-width: 0; }
.advertisement-card .related-content-card__content-col { grid-area: content; }
.advertisement-card .related-content-card__image {
    height: 100%; min-height: 160px; aspect-ratio: auto;
    border-radius: var(--related-content-card-radius) 0 0 var(--related-content-card-radius);
}
.advertisement-card__gradient {
    display: grid; place-items: center; height: 100%; min-height: 160px;
    background: linear-gradient(135deg, #172b4d, #4568dc 55%, #b06ab3);
    color: white; font-size: clamp(1rem, 3vw, 2.5rem); font-weight: 800;
}
.advertisement-card .related-content-card__body { min-width: 0; overflow-wrap: anywhere; }
.advertisement-card__contacts { display: flex; flex-wrap: wrap; gap: .5rem 1rem; font-size: .875rem; }
@media (max-width: 575.98px) {
    .advertisement-card { --related-content-card-padding-x: .65rem; --related-content-card-padding-y: .65rem; }
    .advertisement-card .related-content-card__title { font-size: .9rem; }
    .advertisement-card .related-content-card__text, .advertisement-card__contacts { font-size: .75rem; }
    .advertisement-card .related-content-card__label { font-size: .6rem; padding: .2rem .4rem; }
    .advertisement-card .related-content-card__image, .advertisement-card__gradient { min-height: 120px; }
}