/* Retain the executive web system's typography, palette and rhythm. */
.ba-events__group { margin-top: 2.5rem; }
.ba-events__group > h3 { margin: 0 0 1.25rem; color: var(--ba-x-navy); font-size: 1.25rem; font-weight: 500; }
.ba-events__list { padding: 0; margin: 0; list-style: none; }
.ba-events__list > li { min-width: 0; }
.ba-events__list [hidden], .ba-events__group[hidden] { display: none; }
.ba-events .ba-story { height: 100%; }
.ba-events__meta { color: var(--ba-x-soft); }
.ba-subscribe__card { max-width: 48rem; padding: clamp(1.25rem, 4vw, 3rem); background: var(--ba-x-white); border-top: 2px solid var(--ba-x-blue); }
.ba-subscribe__card > p { color: var(--ba-x-soft); }
.ba-subscribe__form { margin-top: 2rem; min-height: 12rem; }
.ba-subscribe__form iframe { max-width: 100%; }
.ba-subscribe__status { color: var(--ba-x-navy); font-size: 1rem; }
.ba-subscribe__retry { cursor: pointer; margin-bottom: 1.5rem; }
.ba-subscribe__form [hidden] { display: none; }
.ba-subscribe__retry:focus-visible { outline: 2px solid var(--ba-x-navy); outline-offset: 4px; }
@media (max-width: 47.99rem) { .ba-events__list { grid-template-columns: 1fr; } }
