.justified-columns {
    text-align: justify;

    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

@media (min-width:640px) {
    .columns-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .columns-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .columns-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}

/* Usercentrics privacy button */
@media (max-width: 767px) {
    .privacyButton {
        width: 40px !important;
        height: 40px !important;
    }
}

/* Station logo: scale to fit either 200px wide or 50px tall, whichever hits first */
.station-logo {
    width: auto !important;
    height: auto !important;
    max-width: 200px;
    max-height: 50px;
    object-fit: contain;
}

/* Legacy sprite background-size is off by 1px (was 550x541) — correct it to 551x541
   so `.arrow_back_breadcrumbs`, `.caret`, and the `.navigation .btn-back::before` etc. icons
   land on the right cell of `sprite-1704357218118@2x.png` instead of being shifted 1px. */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .arrow_back_breadcrumbs,
    .caret,
    .navigation .btn-back::before,
    .navigation .news-carrousel__button__previous button::before,
    .news-carrousel__button__previous .navigation button::before {
        background-size: 551px 541px;
    }
}