:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 100%;
  line-height: 1.5;
  background: #fbfaf6;
  color: #172033;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 18rem; background: #fbfaf6; }
a { color: #1746c5; }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible {
  outline: .2rem solid rgba(36,87,230,.32); outline-offset: .18rem;
}

.skip-link {
  position: fixed; left: 1rem; top: 0; z-index: 10; padding: .65rem .9rem;
  border-radius: 0 0 .4rem .4rem; background: #172033; color: #fff;
  transform: translateY(-120%); transition: transform .15s;
}
.skip-link:focus { transform: translateY(0); }

main { width: min(100% - 2rem, 44rem); margin: 0 auto; padding: 2rem 0 4rem; }
main > header, .card { padding: 1.25rem; border: 1px solid #d8dde6; border-radius: .75rem; background: #fff; }
h1 { margin: .15rem 0 .5rem; font-size: clamp(1.75rem, 7vw, 2.5rem); line-height: 1.08; letter-spacing: -.025em; }
h2 { margin: .25rem 0 .65rem; line-height: 1.15; letter-spacing: -.018em; }
h3, p { margin: .5rem 0; }
.event-name, .eyebrow { color: #4b5b78; font-size: .875rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.event-name { margin: 0; }
.eyebrow { margin-top: 1rem; }
.event-identity__name { margin: 0; color: #172033; font-size: clamp(1.5rem,5vw,2rem); font-weight: 850; line-height: 1.12; letter-spacing: -.02em; overflow-wrap: anywhere; }
.event-identity__edition { margin: .3rem 0 0; color: #536079; font-size: clamp(1rem,3vw,1.2rem); font-weight: 750; line-height: 1.25; }
.event-identity--landing { margin-bottom: .75rem; }
.event-identity--landing .event-identity__name { font-size: clamp(1.85rem,7vw,2.6rem); }
.button, button {
  display: inline-block; padding: .75rem 1rem; border: 0; border-radius: .45rem;
  background: #2457e6; color: #fff; font: inherit; font-weight: 800; text-decoration: none; cursor: pointer;
}
.button:hover, button:hover { background: #1746c5; }

/* Landing page */
.site-header { border-bottom: 1px solid #e2e5eb; background: rgba(251,250,246,.96); }
.site-header__inner { width: min(100% - 3rem, 70rem); min-height: 4.5rem; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.brand { display: inline-flex; align-items: center; gap: .7rem; color: #172033; font-weight: 850; letter-spacing: -.02em; text-decoration: none; }
.brand-mark { display: grid; grid-template-columns: repeat(3,.35rem); align-items: end; gap: .15rem; width: 1.35rem; height: 1.35rem; padding: .22rem; border-radius: .35rem; background: #2457e6; }
.brand-mark i { display: block; border-radius: 1rem; background: #fff; }
.brand-mark i:nth-child(1) { height: 38%; }.brand-mark i:nth-child(2) { height: 72%; }.brand-mark i:nth-child(3) { height: 100%; }
.header-link { color: #465269; font-size: .9rem; font-weight: 750; text-decoration: none; }
.landing { width: min(100% - 3rem, 70rem); padding: 3.75rem 0 4.5rem; }
.hero { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(18rem,.75fr); align-items: center; gap: clamp(2rem,6vw,5.5rem); min-height: 31rem; }
.kicker { margin: 0 0 .85rem; color: #2457e6; font-size: .78rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.hero h1 { max-width: 12ch; font-size: clamp(2.8rem,6.4vw,5.4rem); }
.lede { max-width: 38rem; margin-top: 1.25rem; color: #566174; font-size: clamp(1.05rem,2vw,1.25rem); }
.landing-nav { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.25rem; margin-top: 1.75rem; }
.secondary-link { color: #172033; font-weight: 800; text-underline-offset: .3em; }
.product-card { position: relative; overflow: hidden; padding: clamp(1.4rem,3vw,2.25rem); border: 1px solid #cbd6f8; border-radius: 1.25rem; background: #edf2ff; box-shadow: 1.1rem 1.1rem 0 #ffd7ca; }
.product-card::after { content: ""; position: absolute; width: 7rem; height: 7rem; right: -3rem; top: -3rem; border: 1.4rem solid rgba(36,87,230,.1); border-radius: 50%; }
.product-card__label { color: #2457e6; font-size: .8rem; font-weight: 850; text-transform: uppercase; }
.product-card h2 { max-width: 15ch; margin-top: 1.1rem; font-size: clamp(1.55rem,3vw,2.25rem); }
.benefit-list { margin: 2.25rem 0 0; padding: 0; list-style: none; }
.benefit-list li { display: grid; grid-template-columns: 2.25rem 1fr; gap: .75rem; align-items: center; padding: .8rem 0; border-top: 1px solid #cbd6f8; }
.benefit-list span { color: #2457e6; font-size: .72rem; font-weight: 850; }
.schedule-section { padding: 4.5rem 0; border-top: 1px solid #dfe2e8; }
.section-heading { display: grid; grid-template-columns: 1fr minmax(16rem,.7fr); gap: 2rem; align-items: end; }
.section-heading h2 { font-size: clamp(2rem,4vw,3.4rem); }
.section-heading > p { color: #667084; }
.empty-state { display: grid; grid-template-columns: auto 1fr; gap: 1.25rem; align-items: center; margin-top: 2rem; padding: 1.5rem; border: 1px dashed #b9c1cf; border-radius: .9rem; background: #fff; }
.empty-state__mark { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: #edf2ff; color: #2457e6; font-size: 1.35rem; }
.empty-state p { color: #667084; }
.featured-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap: 1rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.featured-card { display: flex; flex-direction: column; min-height: 15rem; padding: 1.4rem; border: 1px solid #d7dce5; border-radius: .9rem; background: #fff; }
.featured-card__number { margin: 0 0 1.35rem; color: #2457e6; font-size: .72rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.featured-card h3 { margin: 0; font-size: 1.45rem; }
.featured-card__edition { color: #465269; font-weight: 750; }
.featured-card__dates { margin-top: 0; color: #667084; font-size: .9rem; }
.featured-card__link { margin-top: auto; padding-top: 1.25rem; font-weight: 850; text-underline-offset: .25em; }
.manager-panel { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(2rem,6vw,5rem); padding: clamp(2rem,5vw,4rem); border-radius: 1.25rem; background: #172033; color: #fff; }
.manager-panel h2 { max-width: 14ch; font-size: clamp(2rem,4vw,3.25rem); }
.manager-panel > div > p:last-child, .manager-action p { color: #c4ccda; }
.manager-panel .kicker { color: #8eabff; }
.manager-action { align-self: center; padding-left: 1.5rem; border-left: 1px solid #3c4659; }
.button--light { margin-top: 1rem; background: #fff; color: #172033; }
.button--light:hover { background: #edf2ff; }
.site-footer { width: min(100% - 3rem, 70rem); margin: auto; padding: 1.5rem 0 2.5rem; border-top: 1px solid #dfe2e8; color: #667084; font-size: .9rem; }
.site-footer strong { color: #172033; }.site-footer span { margin-left: .65rem; }

/* Released schedules and follow forms */
.schedule { margin: 1rem 0 0; padding: 0; list-style: none; }
.schedule li { padding: 1rem 0; border-bottom: 1px solid #d8dde6; }
.schedule strong, .schedule span { display: block; }.schedule span { margin-top: .2rem; color: #536079; }
form { margin-top: .75rem; } label { display: block; margin: .6rem 0; font-weight: 650; }
input:not([type="hidden"]):not([type="checkbox"]), textarea { display: block; width: 100%; max-width: 32rem; margin-top: .25rem; padding: .65rem; border: 1px solid #aeb7c5; border-radius: .25rem; background: #fff; color: #172033; font: inherit; }
.follow-box { margin-top: .6rem; }.follow-box summary { color: #1746c5; cursor: pointer; font-weight: 800; }
.follow-edition, .follow-release, .danger-zone { margin-top: 1.5rem; }.checkbox { font-weight: 500; }.checkbox input { margin-right: .35rem; }
.privacy-note { color: #536079; font-size: .9rem; }
.follow-request-notice { position: sticky; top: .75rem; z-index: 5; display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; background: #e8f0ff; }
.follow-request-notice div { display: grid; }.follow-request-notice a { align-self: center; font-weight: 750; }
.trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Public event hub */
.event-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 92% 8%, rgba(36,87,230,.08), transparent 24rem),
    radial-gradient(circle at 3% 48%, rgba(255,215,202,.42), transparent 20rem),
    #fbfaf6;
}
.event-page .site-header { background: rgba(251,250,246,.9); backdrop-filter: blur(.8rem); }
.event-hub { width: min(100% - 3rem, 70rem); padding: clamp(2rem,5vw,4.5rem) 0 5rem; }
.event-hub > .follow-request-notice { margin: 0 0 1.25rem; border-color: #b8c9f7; border-radius: .85rem; }
.event-hero {
  position: relative; display: flex; align-items: center; justify-content: space-between; gap: 2rem;
  min-height: 13rem; overflow: hidden; padding: clamp(2rem,5vw,3.5rem);
  border: 1px solid #cbd6f8; border-radius: 1.4rem; background: linear-gradient(135deg,#edf2ff 0%,#fff 58%,#fff3ee 100%);
  box-shadow: 1rem 1rem 0 #ffd7ca;
}
.event-hero__copy { position: relative; z-index: 1; max-width: 46rem; }
.event-hero h1 { max-width: 16ch; margin: 0; font-size: clamp(2.5rem,6vw,4.4rem); overflow-wrap: anywhere; }
.event-hero__logo { flex: 0 1 17rem; display: grid; place-items: center; min-width: 8rem; min-height: 6rem; }
.event-hero__logo img { display: block; max-width: 100%; max-height: 8rem; object-fit: contain; }
.event-hub__layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(18rem,.72fr); gap: clamp(1.25rem,3vw,2rem); align-items: start; margin-top: clamp(3rem,7vw,5.5rem); }
.event-editions { min-width: 0; }
.event-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding: 0 .25rem 1.25rem; border-bottom: 1px solid #ccd2dd; }
.event-section-heading .kicker { margin-bottom: .45rem; }
.event-section-heading h2 { margin: 0; font-size: clamp(2rem,4vw,3rem); }
.edition-count { flex: 0 0 auto; margin-bottom: .25rem; padding: .4rem .7rem; border-radius: 99rem; background: #edf2ff; color: #2457e6; font-size: .78rem; font-weight: 850; }
.event-edition-list { display: grid; gap: .8rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.event-edition-card {
  display: grid; grid-template-columns: 5rem minmax(0,1fr) auto; align-items: center; gap: 1.15rem;
  min-height: 7.6rem; padding: 1rem 1rem 1rem 1.15rem; border: 1px solid #d8dde6; border-radius: 1rem; background: rgba(255,255,255,.94);
  box-shadow: 0 .4rem 1.2rem rgba(23,32,51,.045);
}
.event-edition-card__date { align-self: stretch; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: .65rem .35rem; border-radius: .75rem; background: #f0f3f9; color: #4b5b78; text-align: center; }
.event-edition-card__date span { font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.event-edition-card__date strong { color: #172033; font-size: 1.55rem; line-height: 1.05; }
.event-edition-card__date small { margin-top: .2rem; font-size: .68rem; font-weight: 750; white-space: nowrap; }
.event-edition-card__body { min-width: 0; }
.event-edition-card__title { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .65rem; }
.event-edition-card h3 { margin: 0; font-size: 1.2rem; line-height: 1.2; }
.event-edition-card__body > p { margin: .45rem 0 0; color: #667084; font-size: .86rem; }
.edition-status { display: inline-flex; width: fit-content; padding: .25rem .52rem; border-radius: 99rem; font-size: .7rem; font-weight: 850; line-height: 1.2; }
.edition-status--available { background: #e7f6ec; color: #23643b; }
.edition-status--upcoming { background: #edf2ff; color: #2457e6; }
.edition-status--soon { background: #fff0eb; color: #9b452f; }
.edition-status--paused { background: #f0f1f4; color: #4d586c; }
.event-edition-card__link { display: flex; align-items: center; gap: .6rem; min-height: 2.75rem; padding: .7rem .85rem; border-radius: .6rem; background: #edf2ff; color: #1746c5; font-size: .86rem; font-weight: 850; text-decoration: none; white-space: nowrap; }
.event-edition-card__link:hover { background: #2457e6; color: #fff; }
.event-empty-state { display: grid; grid-template-columns: auto 1fr; gap: 1rem; align-items: center; margin-top: 1rem; padding: 1.5rem; border: 1px dashed #b9c1cf; border-radius: 1rem; background: rgba(255,255,255,.88); }
.event-empty-state__mark { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: #edf2ff; color: #2457e6; font-size: 1.25rem; }
.event-empty-state h3 { margin: 0; }.event-empty-state p { margin: .35rem 0 0; color: #667084; }
.event-follow { position: sticky; top: 1.25rem; overflow: hidden; padding: clamp(1.5rem,3vw,2.25rem); border-radius: 1.2rem; background: #172033; color: #fff; box-shadow: .65rem .65rem 0 #ffd7ca; }
.event-follow::after { content: ""; position: absolute; right: -4rem; bottom: -5rem; width: 10rem; height: 10rem; border: 1.5rem solid rgba(142,171,255,.08); border-radius: 50%; pointer-events: none; }
.event-follow__number { position: absolute; top: 1.25rem; right: 1.4rem; color: #8eabff; font-size: .72rem; font-weight: 850; letter-spacing: .1em; }
.event-follow .kicker { color: #8eabff; }
.event-follow h2 { position: relative; z-index: 1; max-width: 13ch; margin: .45rem 0 0; font-size: clamp(1.8rem,3vw,2.45rem); }
.event-follow__intro { position: relative; z-index: 1; margin: 1rem 0 0; color: #c4ccda; }
.event-follow form { position: relative; z-index: 1; margin-top: 1.5rem; }
.event-follow label { margin: 0; color: #fff; font-size: .88rem; }
.event-follow input:not([type="hidden"]) { max-width: none; min-height: 3.15rem; margin-top: .45rem; padding: .75rem .85rem; border: 1px solid #78859c; border-radius: .6rem; }
  .event-follow input:focus { border-color: #8eabff; outline: .2rem solid rgba(142,171,255,.25); outline-offset: 0; }
.event-follow button { width: 100%; min-height: 3.15rem; margin-top: .75rem; border-radius: .6rem; background: #fff; color: #172033; text-align: left; }
.event-follow button span { float: right; }.event-follow button:hover { background: #edf2ff; }
.event-follow .privacy-note { position: relative; z-index: 1; margin: 1.15rem 0 0; padding-top: 1.15rem; border-top: 1px solid #3c4659; color: #aeb8c9; font-size: .8rem; }
.event-footer { background: transparent; }

/* Temporarily paused edition */
.paused-page, .pre-release-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% 8%, rgba(255,215,202,.6), transparent 21rem),
    radial-gradient(circle at 88% 92%, rgba(36,87,230,.1), transparent 26rem),
    #fbfaf6;
}
.pre-release-page { background: radial-gradient(circle at 12% 8%,rgba(255,215,202,.55),transparent 21rem),radial-gradient(circle at 88% 92%,rgba(36,87,230,.11),transparent 26rem),#fbfaf6; }
.paused-shell, .pre-release-shell { width: min(100% - 2rem, 50rem); padding-top: clamp(1.25rem,5vw,4rem); }
.paused-card, .pre-release-card { overflow: hidden; padding: 0; border-color: #ced6e5; border-radius: 1.25rem; box-shadow: 0 1.25rem 3.5rem rgba(23,32,51,.1); }
.paused-card__event, .pre-release-card__event { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; padding: 1.5rem clamp(1.25rem,5vw,2.5rem); border-bottom: 1px solid #e2e6ed; background: rgba(255,255,255,.86); }
.edition-dates { max-width: 23rem; margin: 0; color: #5a6578; font-size: .92rem; font-weight: 650; text-align: right; }
.paused-status { position: relative; display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: 1rem; padding: clamp(1.75rem,6vw,3rem) clamp(1.25rem,5vw,2.5rem); background: linear-gradient(135deg,#f2f5ff 0%,#fff 62%,#fff5f1 100%); }
.paused-status::after { content: ""; position: absolute; right: -3.25rem; top: -3.75rem; width: 9rem; height: 9rem; border: 1.25rem solid rgba(36,87,230,.055); border-radius: 50%; pointer-events: none; }
.paused-status__mark { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: .3rem; width: 3rem; height: 3rem; border-radius: .9rem; background: #2457e6; box-shadow: .35rem .35rem 0 #ffd7ca; }
.paused-status__mark i { width: .28rem; height: 1.05rem; border-radius: 1rem; background: #fff; }
.paused-status .eyebrow { margin: .1rem 0 .55rem; color: #2457e6; }
.paused-status h1 { position: relative; z-index: 1; max-width: 17ch; margin: 0; font-size: clamp(2rem,6vw,3.15rem); }
.paused-status__message { position: relative; z-index: 1; max-width: 37rem; margin-top: 1rem; color: #4b566a; font-size: 1.05rem; }
.expected-return { display: flex; flex-wrap: wrap; gap: .25rem .65rem; margin-top: 1rem; color: #4b566a; font-size: .92rem; }
.expected-return strong { color: #172033; }
.availability-panel { margin: 0; padding: clamp(1.5rem,5vw,2.5rem); border-top: 1px solid #e2e6ed; }
.availability-panel > .eyebrow { margin: 0 0 .4rem; color: #2457e6; }
.availability-panel h2 { margin: 0; font-size: clamp(1.45rem,4vw,1.9rem); }
.availability-panel__intro { max-width: 39rem; margin: .6rem 0 0; color: #5a6578; }
.availability-form { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: .75rem; max-width: 43rem; margin-top: 1.25rem; }
.availability-form label { margin: 0; }
.availability-form input:not([type="hidden"]) { max-width: none; min-height: 3rem; margin-top: .35rem; padding: .7rem .85rem; border-color: #9eabc0; border-radius: .55rem; }
.availability-form input:focus { border-color: #2457e6; outline: .2rem solid rgba(36,87,230,.16); outline-offset: 0; }
.availability-form button { min-height: 3rem; border-radius: .55rem; box-shadow: 0 .3rem .8rem rgba(36,87,230,.18); }
.availability-panel .privacy-note { position: relative; max-width: 42rem; margin: 1rem 0 0; padding-left: 1.35rem; color: #647086; font-size: .85rem; }
.availability-panel .privacy-note::before { content: "✓"; position: absolute; left: 0; color: #2457e6; font-weight: 900; }

/* Pre-release edition */
.pre-release-status { position: relative; display: grid; grid-template-columns: 3rem minmax(0,1fr); gap: 1rem; padding: clamp(1.75rem,6vw,3rem) clamp(1.25rem,5vw,2.5rem); background: linear-gradient(135deg,#f2f5ff 0%,#fff 62%,#fff5f1 100%); }
.pre-release-status::after { content: ""; position: absolute; right: -3.25rem; top: -3.75rem; width: 9rem; height: 9rem; border: 1.25rem solid rgba(36,87,230,.055); border-radius: 50%; pointer-events: none; }
.pre-release-status__mark { position: relative; z-index: 1; display: flex; align-items: end; justify-content: center; gap: .2rem; width: 3rem; height: 3rem; padding-bottom: .85rem; border-radius: .9rem; background: #2457e6; box-shadow: .35rem .35rem 0 #ffd7ca; }
.pre-release-status__mark i { width: .25rem; border-radius: 1rem; background: #fff; }
.pre-release-status__mark i:nth-child(1) { height: .55rem; }.pre-release-status__mark i:nth-child(2) { height: .85rem; }.pre-release-status__mark i:nth-child(3) { height: 1.1rem; }
.pre-release-status .eyebrow { margin: .1rem 0 .55rem; color: #2457e6; }
.pre-release-status h1 { position: relative; z-index: 1; max-width: 16ch; margin: 0; font-size: clamp(2rem,6vw,3.15rem); }
.pre-release-status__message { position: relative; z-index: 1; max-width: 37rem; margin-top: 1rem; color: #4b566a; font-size: 1.05rem; }
.release-notification-form { margin-top: 0; }
.release-notification-form .availability-form { margin-top: 1.25rem; }
.release-notification-form__future { width: fit-content; margin: 1rem 0 0; color: #4b566a; font-size: .9rem; }
.release-notification-form__future input { margin-right: .4rem; }
.release-notification-panel__details { max-width: 42rem; margin: .45rem 0 0; color: #7a8495; font-size: .78rem; }

@media (max-width: 46rem) {
  .site-header__inner, .landing, .site-footer { width: min(100% - 2rem, 70rem); }
  .hero { grid-template-columns: 1fr; min-height: 0; padding-bottom: 4rem; }
  .hero h1 { font-size: clamp(2.55rem,13vw,4.2rem); }
  .product-card { box-shadow: .6rem .6rem 0 #ffd7ca; }
  .section-heading, .manager-panel { grid-template-columns: 1fr; }
  .manager-action { padding: 1.5rem 0 0; border-left: 0; border-top: 1px solid #3c4659; }
  .paused-card__event, .pre-release-card__event { display: block; }
  .edition-dates { margin-top: .75rem; text-align: left; }
  .paused-status, .pre-release-status { grid-template-columns: 1fr; }
  .availability-form { grid-template-columns: 1fr; }
  .availability-form button { width: 100%; }
  .event-hub { width: min(100% - 2rem, 70rem); padding-top: 1.25rem; }
  .event-hero { min-height: 10rem; padding: 1.5rem; box-shadow: .55rem .55rem 0 #ffd7ca; }
  .event-hero h1 { font-size: clamp(2.35rem,12vw,3.4rem); }
  .event-hero__logo { flex-basis: 8rem; min-width: 5rem; min-height: 4rem; }
  .event-hero__logo img { max-height: 5.5rem; }
  .event-hub__layout { grid-template-columns: 1fr; margin-top: 3rem; }
  .event-follow { position: relative; top: auto; grid-row: 2; box-shadow: .45rem .45rem 0 #ffd7ca; }
  .event-section-heading { align-items: start; }
  .edition-count { margin-top: .25rem; }
  .event-edition-card { grid-template-columns: 4.25rem minmax(0,1fr); gap: .9rem; }
  .event-edition-card__link { grid-column: 1 / -1; justify-content: space-between; }
  .event-footer span { display: block; margin: .2rem 0 0; }
}

@media (max-width: 25rem) {
  .site-header__inner { min-height: 4rem; }.header-link { font-size: .8rem; }
  .event-hero { align-items: flex-start; min-height: 9rem; }
  .event-hero__logo { flex-basis: 5rem; min-width: 4rem; }
  .event-section-heading { display: block; }.edition-count { display: inline-flex; margin-top: .75rem; }
  .event-edition-card { grid-template-columns: 3.75rem minmax(0,1fr); padding: .8rem; }
  .event-edition-card__date strong { font-size: 1.3rem; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.skip-link { transition: none; } }
