/* Preserve the established type scale and widths; improve automatic wrapping. */
.sia-card :is(h2, h3) {
    text-wrap: balance;
}

.sd-fluid.\!mb-14 > p.wp-block-paragraph {
    text-wrap: pretty;
}

/* Agreed Figma link colour; leave brand artwork and values-panel fills alone. */
body .sia-action-link,
body .sia-event-tabs__detail-value a,
body .sia-event-tabs__content a {
    color: #146cb6;
}
body .sia-action-link:hover,
body .sia-event-tabs__detail-value a:hover,
body .sia-event-tabs__content a:hover { color: #0D5A8C; }

@media (max-width: 767px) {
    /* One mobile primary-title scale across page, news, event and story templates. */
    body main h1:not(.is-style-subtitle),
    body main .sia-inner-hero-block__content > h2:not(.is-style-subtitle) {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }
    /* Keep the original mobile composition without tying it to phone height. */
    body.home .is-style-hero-with-image {
        height: auto;
        min-height: 874px;
        padding-bottom: 400px;
    }
    .sia-mobile-carousel {
        display: flex !important;
        gap: 24px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: thin;
        padding: 8px 4px 16px !important;
        margin: -8px -4px 0 !important;
    }
    .sia-mobile-carousel > * {
        flex: 0 0 calc(100% - 24px);
        min-width: 0;
        scroll-snap-align: start;
    }
    .sia-mobile-carousel-controls {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-top: 16px;
    }
    .sia-mobile-carousel-controls button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border-radius: 999px;
        background: #161616;
        color: white;
    }
    .sia-mobile-carousel-controls button:disabled { opacity: .35; }
    .sia-mobile-carousel-controls button:focus-visible {
        outline: 2px solid #146cb6;
        outline-offset: 3px;
    }
    .sia-mobile-carousel-controls span { font-size: 16px; }
}