/* Compact presentation of the same event metadata used by brand-home cards. */
.event-schedule { border-top: 1px solid #dfe5ec; }
.event-schedule *, .event-schedule *::before, .event-schedule *::after { box-sizing: border-box; }
.event-schedule-row {
    display: grid;
    grid-template-columns: 5.5rem 6rem minmax(12rem, 1fr) minmax(6rem, .32fr) 4rem 8rem;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid #dfe5ec;
    padding-block: 1rem;
    color: #253445;
}
.event-schedule-date { display: grid; text-align: center; padding: .45rem; background: #e8f4fc; color: #164e7c; border-radius: 4px; line-height: 1.25; }
.event-schedule-date > span { font-size: .75rem; font-weight: 600; text-transform: uppercase; }
.event-schedule-date > strong { font-size: 1.25rem; }
.event-schedule-art { display: block; width: 6rem; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 4px; background: #0b2338; }
.event-schedule-art img { width: 100%; height: 100%; object-fit: contain; }
.event-schedule-art-empty { display: grid; place-items: center; color: #68d9ef; font-size: 1.5rem; }
#page .event-schedule-copy h3 { font: 700 1rem/1.4 var(--code-font-ui); margin: 0 0 .3rem; padding: 0; text-align: start; }
#page .event-schedule-copy h3 a { color: #102747; text-decoration: none; }
#page .event-schedule-copy h3 a:hover { text-decoration: underline; }
#page .event-schedule-copy p { font: 400 .8rem/1.5 var(--code-font-ui); color: #53657a; margin: 0; padding: 0; }
.event-schedule-location, .event-schedule-duration { font-size: .875rem; line-height: 1.5; }
.event-schedule-actions { display: grid; gap: .35rem; justify-items: start; font-size: .8rem; }
.event-schedule a { color: #164e7c; }
.event-schedule a:focus-visible { outline: 3px solid #2168a4; outline-offset: 4px; }
.event-schedule a.event-schedule-button { padding: .6rem .8rem; background: var(--code-color-action); border-radius: 4px; color: #102030; font-weight: 700; text-decoration: none; min-height: 44px; }
.event-schedule-button:hover { background: var(--code-color-action-hover); }
.event-schedule-status { font-weight: 600; color: #53657a; }
@media (max-width: 1000px) {
    .event-schedule-row { grid-template-columns: 5rem 5rem minmax(0, 1fr) 8rem; gap: .75rem; }
    .event-schedule-art { width: 5rem; }
    .event-schedule-location { grid-column: 3; }
    .event-schedule-duration { grid-column: 3; }
    .event-schedule-actions { grid-column: 4; grid-row: 1 / span 3; }
}
@media (max-width: 540px) {
    .event-schedule-row { grid-template-columns: 4.5rem minmax(0, 1fr); padding-block: 1.25rem; }
    .event-schedule-art { display: none; }
    .event-schedule-date { grid-row: 1; align-self: start; }
    .event-schedule-copy { grid-column: 2; }
    .event-schedule-location, .event-schedule-duration { grid-column: 2; }
    .event-schedule-actions { grid-column: 2; grid-row: auto; display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }
    .event-schedule-actions > a { display: inline-flex; align-items: center; min-height: 44px; }
}
