/* ==========================================================================
   /events/<slug> page sheet ("Silver Codex"), loaded after css/silver-inner.css.
   event_details.php sets $bodyClass = 'svp-inner svp-inner--eventdetail'. Every rule is scoped to
   body.svp-inner--eventdetail, sits in @layer sv-inner and carries !important (see the shared sheet).
   The look follows /events (css/silver-inner-events.css): the rules this page needs from it are copied
   here under this page's scope (that sheet is never loaded here).

   Page structure (event_details.php):
     masthead     .page-header-box: kicker, h1, lead (how often it runs), fact chips, guide / results / back
     Next run     .white-box.event-card--schedule.svp-ed-next (one per realm; id = deep-link anchor)
                  > .svp-ed-next__grid > .svp-ed-hero (when, entry / ends, state + countdown)
                                       + .svp-ed-side (.svp-ed-queue: the next three | .svp-ed-cycle: siege stages)
                  > .svp-ed-notes, details.svp-ev-tz (timezone toolbar, first card only)
     Next 7 days  .white-box.svp-ed-week > .svp-ed-days > details.svp-ed-day (one per day: columns on
                  wider screens, collapsible blocks on phones) > ul.svp-ed-times > li[data-sched-iso] (time chips)
     Pattern      .white-box.svp-ed-pattern > ul.event-meta--pattern (fact rows)
     Others       .white-box.svp-ed-more > ul.svp-ed-others > a.svp-ed-other (name + how often)
   Script state hooks (schedule_scripts.php, svpEd*): .svp-ed-hero[data-svp-state] entry | open | start |
   reg | regopen | closed | live | ended | none, [data-svp-soon] (< 15 min), li.is-past / .is-live /
   .is-next, details.svp-ed-day.is-today, .event-details[data-svp-ed-utc] (the zone is UTC).
   Never set display on anything the script hides ([hidden], details content): refine [hidden] only.
   ========================================================================== */
@layer sv-inner {

/* --------------------------------------------------------------------------
   0. Shared bits of this page
   -------------------------------------------------------------------------- */
body.svp-inner--eventdetail .event-details {
  color: var(--svp-ink) !important;
}
/* Times: Oswald, tabular; the day word quieter than the clock */
body.svp-inner--eventdetail .svp-ed-when {
  color: var(--svp-ink-strong) !important;
  font-family: var(--sv-font-ui) !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
  font-variant-numeric: lining-nums tabular-nums !important;
  white-space: nowrap !important;
}
body.svp-inner--eventdetail .svp-ed-when__day {
  color: var(--svp-ink-muted) !important;
  font-weight: 400 !important;
}
/* The zone is UTC: the server-time line would repeat the first */
body.svp-inner--eventdetail .event-details[data-svp-ed-utc] .svp-ed-hero__sub {
  display: none !important;
}
/* Everything this sheet lays out that the script (or the server) can hide */
body.svp-inner--eventdetail :is(.svp-ed-run, .svp-ed-run__i, .svp-ed-qi, .svp-ed-qi__stage, .svp-ed-hero__stage, .svp-ed-hero__cd, .svp-ed-day__stage, .svp-ed-day__none)[hidden] {
  display: none !important;
}
/* Without the script a countdown cannot count: its place stays empty instead of showing --:--:--
   (visibility, so nothing moves when the script starts and sets data-svp-ed-js) */
body.svp-inner--eventdetail .event-details:not([data-svp-ed-js]) :is(.svp-ed-hero__cd, .svp-ed-qi__cd) {
  visibility: hidden !important;
}
/* Countdown label + number (hero and queue) */
body.svp-inner--eventdetail :is(.event-countdown-label, .svp-ed-state) {
  display: block !important;
  margin: 0 !important;
  color: var(--svp-ink-muted) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}
body.svp-inner--eventdetail .svp-ed-state {
  font-size: 12.5px !important;
  letter-spacing: 0.08em !important;
  white-space: nowrap !important;
}
body.svp-inner--eventdetail .event-countdown-output {
  display: block !important;
  margin: 6px 0 0 !important;
  color: var(--svp-ink-strong) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 58px !important;
  font-weight: 500 !important;
  line-height: 0.95 !important;
  letter-spacing: 0.02em !important;
  font-variant-numeric: lining-nums tabular-nums !important;
  white-space: nowrap !important;
  text-shadow: 0 2px 18px rgba(124, 200, 255, 0.18) !important;
  transition: color 0.3s ease !important;
}
body.svp-inner--eventdetail .svp-ed-count {
  display: block !important;
  margin: 1px 0 0 !important;
  color: var(--svp-ink-strong) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.03em !important;
  font-variant-numeric: lining-nums tabular-nums !important;
  white-space: nowrap !important;
}
/* States: entry open = ice, under 15 minutes = ember, running = green, over = quiet */
body.svp-inner--eventdetail :is(.svp-ed-hero, .svp-ed-qi):is([data-svp-state="open"], [data-svp-state="regopen"]) :is(.event-countdown-label, .svp-ed-state) {
  color: var(--svp-ice) !important;
}
body.svp-inner--eventdetail .svp-ed-hero[data-svp-state="closed"] .event-countdown-label {
  color: var(--svp-warn-ink) !important;
}
body.svp-inner--eventdetail :is(.svp-ed-hero, .svp-ed-qi)[data-svp-soon] :is(.event-countdown-label, .svp-ed-state, .event-countdown-output, .svp-ed-count) {
  color: var(--svp-ember-ink) !important;
}
body.svp-inner--eventdetail .svp-ed-hero[data-svp-soon] .event-countdown-output {
  text-shadow: 0 2px 22px rgba(255, 138, 43, 0.3) !important;
}
body.svp-inner--eventdetail .svp-ed-hero[data-svp-state="live"] .event-countdown-label {
  color: var(--svp-good-ink) !important;
}
body.svp-inner--eventdetail .svp-ed-hero[data-svp-state="live"] .event-countdown-output {
  color: var(--svp-good) !important;
  text-shadow: 0 2px 22px rgba(74, 222, 128, 0.28) !important;
}
body.svp-inner--eventdetail .svp-ed-hero:is([data-svp-state="ended"], [data-svp-state="none"]) .event-countdown-output {
  color: var(--svp-ink-muted) !important;
  font-size: 30px !important;
  text-shadow: none !important;
}

/* Keyboard focus: an ice ring on every new link and on the summaries */
body.svp-inner--eventdetail :is(.svp-ed-other, .svp-ed-back, .svp-ev-tz__sum, .svp-ed-day__head):focus-visible {
  outline: 2px solid var(--svp-ice) !important;
  outline-offset: 2px !important;
  border-radius: 6px !important;
}

/* --------------------------------------------------------------------------
   1. Masthead: fact chips, actions, the quiet way back
   -------------------------------------------------------------------------- */
body.svp-inner--eventdetail .page-header-box .svp-mast-row .svp-chip b {
  font-variant-numeric: lining-nums tabular-nums !important;
}
body.svp-inner--eventdetail .page-header-box .svp-mast-row:empty {
  display: none !important;
}
/* The 404 page's "All events" button keeps the old .event-back-link hook: events.css makes that an
   inline-block, which drops the button's centring */
body.svp-inner--eventdetail .page-header-box .sv-btn.event-back-link {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}
/* "All events": a quiet link whose chevron points back */
body.svp-inner--eventdetail .svp-ed-back {
  margin: 0 0 0 4px !important;
  padding: 10px 0 !important;
}
body.svp-inner--eventdetail .svp-ed-back:first-child {
  margin-left: 0 !important;
}
body.svp-inner--eventdetail .svp-ed-back::after {
  content: none !important;
}
body.svp-inner--eventdetail .svp-ed-back::before {
  content: "" !important;
  flex: none !important;
  width: 7px !important;
  height: 11px !important;
  background: currentColor !important;
  -webkit-mask: var(--svp-chev) center / contain no-repeat !important;
  mask: var(--svp-chev) center / contain no-repeat !important;
  transform: rotate(180deg) !important;
  transition: transform 0.18s ease !important;
}
body.svp-inner--eventdetail .svp-ed-back:hover::before,
body.svp-inner--eventdetail .svp-ed-back:focus-visible::before {
  transform: rotate(180deg) translateX(3px) !important;
}

/* --------------------------------------------------------------------------
   2. Next run: hero | the next three (or the siege cycle), notes, timezone toolbar
   -------------------------------------------------------------------------- */
body.svp-inner--eventdetail .svp-ed-next {
  padding: 30px 32px 28px !important;
}
body.svp-inner--eventdetail .svp-ed-realm {
  margin: 0 0 20px !important;
}
body.svp-inner--eventdetail .svp-ed-next__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 !important;
}
body.svp-inner--eventdetail .svp-ed-hero {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 40px 0 0 !important;
}
body.svp-inner--eventdetail .svp-ed-hero:only-child {
  grid-column: 1 / -1 !important;
  padding-right: 0 !important;
}
body.svp-inner--eventdetail .svp-ed-hero__k {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--svp-kicker) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
body.svp-inner--eventdetail .svp-ed-hero__k::before {
  content: "" !important;
  flex: none !important;
  width: 6px !important;
  height: 6px !important;
  background: var(--svp-ember) !important;
  clip-path: var(--svp-diamond) !important;
}
/* Running: the label turns into a green "Live now" with a lit dot */
body.svp-inner--eventdetail .svp-ed-hero[data-svp-state="live"] .svp-ed-hero__k {
  color: var(--svp-good-ink) !important;
}
body.svp-inner--eventdetail .svp-ed-hero[data-svp-state="live"] .svp-ed-hero__k::before {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  clip-path: none !important;
  background: var(--svp-good) !important;
  box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.18), 0 0 10px rgba(74, 222, 128, 0.7) !important;
}
body.svp-inner--eventdetail .svp-ed-hero__main {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 18px 32px !important;
  margin: 12px 0 0 !important;
}
body.svp-inner--eventdetail .svp-ed-hero__left {
  flex: 1 1 280px !important;
  min-width: 0 !important;
}
body.svp-inner--eventdetail .svp-ed-hero__when {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 14px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.svp-inner--eventdetail .svp-ed-hero__when .svp-ed-when {
  font-size: 40px !important;
  line-height: 1.1 !important;
  letter-spacing: 0.02em !important;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.6) !important;
}
body.svp-inner--eventdetail .svp-ed-hero__stage {
  display: inline-block !important;
  padding: 4px 11px !important;
  border: 1px solid var(--svp-line-2) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: var(--svp-ink) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.06em !important;
}
body.svp-inner--eventdetail .svp-ed-hero__sub {
  max-width: none !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  color: var(--svp-ink-muted) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.04em !important;
}
body.svp-inner--eventdetail .svp-ed-hero__sub strong {
  color: var(--svp-ink) !important;
  font-weight: 500 !important;
}
body.svp-inner--eventdetail .svp-ed-hero__cd {
  display: block !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  border: 0 !important;
  background: none !important;
  text-align: right !important;
}
/* Entry / registration / ends of the hero run */
body.svp-inner--eventdetail .svp-ed-run {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 28px !important;
  max-width: none !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}
body.svp-inner--eventdetail .svp-ed-run__i {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.svp-inner--eventdetail .svp-ed-run__i + .svp-ed-run__i {
  padding-left: 28px !important;
  border-left: 1px solid var(--svp-line) !important;
}
/* The first item shown takes no rule or indent */
body.svp-inner--eventdetail .svp-ed-run__entry[hidden] + .svp-ed-run__i,
body.svp-inner--eventdetail .svp-ed-run__entry[hidden] + .svp-ed-run__close[hidden] + .svp-ed-run__i {
  padding-left: 0 !important;
  border-left: 0 !important;
}
body.svp-inner--eventdetail .svp-ed-run dt {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: var(--svp-ink-muted) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
body.svp-inner--eventdetail .svp-ed-run dd {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--svp-ink-strong) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.03em !important;
  font-variant-numeric: lining-nums tabular-nums !important;
}
body.svp-inner--eventdetail .svp-ed-run time {
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
}
body.svp-inner--eventdetail .svp-ed-none {
  max-width: none !important;
  margin: 12px 0 0 !important;
  color: var(--svp-ink) !important;
  font-family: var(--sv-font-body) !important;
  font-size: 19px !important;
  line-height: 1.5 !important;
}

/* Side column: the next three runs, or the siege cycle */
body.svp-inner--eventdetail .svp-ed-side {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 0 40px !important;
  border-left: 1px solid var(--svp-line) !important;
}
body.svp-inner--eventdetail .svp-ed-side__k {
  max-width: none !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  color: var(--svp-ink-muted) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}
body.svp-inner--eventdetail .svp-ed-queue__list {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.svp-inner--eventdetail .svp-ed-qi {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 20px !important;
  margin: 0 !important;
  padding: 13px 0 !important;
  border-top: 1px solid var(--svp-line) !important;
}
body.svp-inner--eventdetail .svp-ed-qi:first-child {
  border-top: 0 !important;
}
body.svp-inner--eventdetail .svp-ed-qi::before {
  content: none !important;
}
body.svp-inner--eventdetail .svp-ed-qi__main {
  display: block !important;
  min-width: 0 !important;
}
body.svp-inner--eventdetail .svp-ed-qi .svp-ed-when {
  display: block !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
}
body.svp-inner--eventdetail .svp-ed-qi__stage {
  display: block !important;
  margin: 2px 0 0 !important;
  color: var(--svp-ink-muted) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
}
body.svp-inner--eventdetail .svp-ed-qi__cd {
  display: block !important;
  min-width: 0 !important;
  text-align: right !important;
}

/* Castle Siege: the stages of its weekly cycle, one row each */
body.svp-inner--eventdetail .svp-ed-stages {
  display: block !important;   /* events.css makes every .event-meta a gapped flex column */
  max-width: none !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.svp-inner--eventdetail .svp-ed-stages > li {
  display: grid !important;
  grid-template-columns: minmax(118px, auto) minmax(0, 1fr) !important;
  grid-template-areas: "day stage" "time stage" !important;
  align-items: center !important;
  column-gap: 18px !important;
  margin: 0 !important;
  padding: 9px 0 9px 16px !important;
  border: 0 !important;
  border-top: 1px solid var(--svp-line) !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: inset 2px 0 0 transparent !important;
  color: var(--svp-ink) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  opacity: 1 !important;
}
body.svp-inner--eventdetail .svp-ed-stages > li:first-child {
  border-top: 0 !important;
}
body.svp-inner--eventdetail .svp-ed-stages > li::before {
  content: none !important;
}
body.svp-inner--eventdetail .svp-ed-stages .event-sched-day {
  grid-area: day !important;
  min-width: 0 !important;
  color: var(--svp-ink-muted) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  letter-spacing: 0.04em !important;
}
body.svp-inner--eventdetail .svp-ed-stages .event-sched-local {
  grid-area: time !important;
  color: var(--svp-ink-strong) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;
  font-variant-numeric: lining-nums tabular-nums !important;
}
body.svp-inner--eventdetail .svp-ed-stages .event-sched-stage {
  grid-area: stage !important;
  min-width: 0 !important;
  color: var(--svp-ink-strong) !important;
  font-family: var(--sv-font-body) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}
body.svp-inner--eventdetail .svp-ed-stages :is(.event-sched-utc, .event-sched-dur, .event-sched-countdown) {
  display: none !important;
}
body.svp-inner--eventdetail .svp-ed-stages > li.is-past :is(.event-sched-day, .event-sched-local, .event-sched-stage) {
  color: #7f899b !important;
}
body.svp-inner--eventdetail .svp-ed-stages > li.is-past .event-sched-stage {
  font-weight: 500 !important;
}
body.svp-inner--eventdetail .svp-ed-stages > li.is-next {
  box-shadow: inset 3px 0 0 var(--svp-ember) !important;
  background: rgba(255, 138, 43, 0.06) !important;
}
body.svp-inner--eventdetail .svp-ed-stages > li.is-live {
  box-shadow: inset 3px 0 0 var(--svp-good) !important;
  background: rgba(74, 222, 128, 0.06) !important;
}
body.svp-inner--eventdetail .svp-ed-stages > li.is-live .event-sched-local {
  color: var(--svp-good-ink) !important;
}
/* Desktop: the cycle as a stepper, one column per stage on a track (done = ice, next = ember, on = green) */
@media (min-width: 1100px) {
  body.svp-inner--eventdetail .svp-ed-next__grid--cycle .svp-ed-stages {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    margin: 18px 0 0 !important;
  }
  body.svp-inner--eventdetail .svp-ed-next__grid--cycle .svp-ed-stages > li {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    padding: 20px 18px 0 0 !important;
    border: 0 !important;
    border-top: 2px solid var(--svp-line-2) !important;
    background: none !important;
    box-shadow: none !important;
  }
  body.svp-inner--eventdetail .svp-ed-next__grid--cycle .svp-ed-stages > li::before {
    content: "" !important;
    position: absolute !important;
    top: -7px !important;
    left: 0 !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: #3b4559 !important;
    box-shadow: 0 0 0 4px var(--svp-face-solid) !important;
  }
  body.svp-inner--eventdetail .svp-ed-next__grid--cycle .svp-ed-stages > li.is-past {
    border-top-color: rgba(124, 200, 255, 0.5) !important;
  }
  body.svp-inner--eventdetail .svp-ed-next__grid--cycle .svp-ed-stages > li.is-past::before {
    background: #5f88ad !important;
  }
  body.svp-inner--eventdetail .svp-ed-next__grid--cycle .svp-ed-stages > li.is-next::before {
    background: var(--svp-ember) !important;
    box-shadow: 0 0 0 4px var(--svp-face-solid), 0 0 14px 2px rgba(255, 138, 43, 0.7) !important;
  }
  body.svp-inner--eventdetail .svp-ed-next__grid--cycle .svp-ed-stages > li.is-live {
    border-top-color: var(--svp-good) !important;
  }
  body.svp-inner--eventdetail .svp-ed-next__grid--cycle .svp-ed-stages > li.is-live::before {
    background: var(--svp-good) !important;
    box-shadow: 0 0 0 4px var(--svp-face-solid), 0 0 14px 2px rgba(74, 222, 128, 0.7) !important;
  }
  body.svp-inner--eventdetail .svp-ed-next__grid--cycle .svp-ed-stages .event-sched-day {
    order: 1 !important;
  }
  body.svp-inner--eventdetail .svp-ed-next__grid--cycle .svp-ed-stages .event-sched-local {
    order: 2 !important;
    font-size: 19px !important;
  }
  body.svp-inner--eventdetail .svp-ed-next__grid--cycle .svp-ed-stages .event-sched-stage {
    order: 3 !important;
    margin-top: 6px !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
  }
  body.svp-inner--eventdetail .svp-ed-next__grid--cycle .svp-ed-stages > li.is-next .event-sched-local {
    color: var(--svp-ember-ink) !important;
  }
}

/* Castle Siege: the hero takes the width, the cycle runs under it (a stepper on desktop, below) */
body.svp-inner--eventdetail .svp-ed-next__grid--cycle {
  display: block !important;
}
body.svp-inner--eventdetail .svp-ed-next__grid--cycle .svp-ed-hero {
  padding-right: 0 !important;
}
body.svp-inner--eventdetail .svp-ed-next__grid--cycle .svp-ed-cycle {
  margin: 26px 0 0 !important;
  padding: 20px 0 0 !important;
  border-left: 0 !important;
  border-top: 1px solid var(--svp-line) !important;
}

/* Caveats (how to read the times): under the run in the hero; Castle Siege's under its cycle */
body.svp-inner--eventdetail .svp-ed-notes {
  margin: 24px 0 0 !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid var(--svp-line) !important;
}
body.svp-inner--eventdetail .svp-ed-hero .svp-ed-notes {
  margin-top: 22px !important;
  padding-top: 14px !important;
}
body.svp-inner--eventdetail .svp-ed-notes p {
  position: relative !important;
  max-width: 48em !important;
  margin: 0 !important;
  padding: 0 0 0 18px !important;
  border: 0 !important;
  color: var(--svp-ink) !important;
  font-family: var(--sv-font-body) !important;
  font-size: 17px !important;
  font-style: normal !important;
  line-height: 1.55 !important;
}
body.svp-inner--eventdetail .svp-ed-notes p + p {
  margin-top: 6px !important;
}
body.svp-inner--eventdetail .svp-ed-notes p::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.62em !important;
  width: 7px !important;
  height: 7px !important;
  background: var(--svp-ice) !important;
  clip-path: var(--svp-diamond) !important;
}

/* Timezone toolbar: one line, the converter opens under it (same ids as the full box) */
body.svp-inner--eventdetail details.svp-ev-tz {
  display: block !important;
  margin: 22px 0 0 !important;
  padding: 0 !important;
  border: 1px solid var(--svp-line) !important;
  border-radius: var(--svp-r-sm) !important;
  background: var(--svp-well) !important;
}
body.svp-inner--eventdetail .svp-ed-notes + details.svp-ev-tz {
  margin-top: 18px !important;
}
body.svp-inner--eventdetail details.svp-ev-tz[open] {
  border-color: rgba(124, 200, 255, 0.3) !important;
}
body.svp-inner--eventdetail .svp-ev-tz__sum {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 10px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 8px 16px !important;
  list-style: none !important;
  cursor: pointer !important;
  color: var(--svp-ink-muted) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.04em !important;
}
body.svp-inner--eventdetail .svp-ev-tz__sum::-webkit-details-marker {
  display: none !important;
}
body.svp-inner--eventdetail .svp-ev-tz__sum::marker {
  content: "" !important;
}
body.svp-inner--eventdetail .svp-ev-tz__sum .svp-ev-zonename {
  color: var(--svp-ink-strong) !important;
  font-weight: 500 !important;
}
body.svp-inner--eventdetail .svp-ev-tz__act {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-left: 4px !important;
  color: var(--svp-ice) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  transition: color 0.18s ease !important;
}
body.svp-inner--eventdetail .svp-ev-tz__act::after {
  content: "" !important;
  width: 11px !important;
  height: 7px !important;
  background: currentColor !important;
  -webkit-mask: var(--svp-chev-down) center / contain no-repeat !important;
  mask: var(--svp-chev-down) center / contain no-repeat !important;
  transition: transform 0.2s ease !important;
}
body.svp-inner--eventdetail .svp-ev-tz__sum:hover .svp-ev-tz__act {
  color: #ffffff !important;
}
body.svp-inner--eventdetail details.svp-ev-tz[open] .svp-ev-tz__act::after {
  transform: rotate(180deg) !important;
}
body.svp-inner--eventdetail .svp-ev-tz__body {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 4px 16px 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
body.svp-inner--eventdetail .svp-ev-tz__title {
  max-width: none !important;
  margin: 0 0 12px !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid var(--svp-line) !important;
  color: var(--svp-ink) !important;
  font-family: var(--sv-font-body) !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
}
body.svp-inner--eventdetail .svp-ev-tz .tz-controls {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px 16px !important;
  margin: 0 !important;
}
body.svp-inner--eventdetail .svp-ev-tz .tz-select-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
  grid-column: auto !important;
}
body.svp-inner--eventdetail .svp-ev-tz .tz-select-group label {
  margin: 0 !important;
  color: var(--svp-ink-muted) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
body.svp-inner--eventdetail .svp-ev-tz select {
  width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 34px 0 12px !important;
  border-radius: var(--svp-r-ctl) !important;
  color: var(--svp-ink-strong) !important;
  font-family: var(--sv-font-body) !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
}
body.svp-inner--eventdetail .svp-ev-tz .tz-summary-top {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  color: var(--svp-ink-muted) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.04em !important;
}
body.svp-inner--eventdetail .svp-ev-tz .tz-summary-label {
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
}
body.svp-inner--eventdetail .svp-ev-tz .tz-summary-value {
  margin: 0 !important;
  color: var(--svp-ink-strong) !important;
  font-weight: 500 !important;
  font-variant-numeric: lining-nums tabular-nums !important;
}
body.svp-inner--eventdetail .svp-ev-tz .tz-hint {
  max-width: none !important;
  margin: 6px 0 0 !important;
  color: var(--svp-ink-muted) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 14px !important;
  letter-spacing: 0.04em !important;
}
body.svp-inner--eventdetail .svp-ev-tz .tz-hint:empty {
  margin: 0 !important;
}

/* --------------------------------------------------------------------------
   3. Next 7 days: one column per day, time chips (past dimmed, running green, the next one ringed)
   -------------------------------------------------------------------------- */
body.svp-inner--eventdetail .svp-ed-week .svp-head {
  margin-bottom: 18px !important;
}
/* Key: what the chip states mean */
body.svp-inner--eventdetail .svp-ed-key {
  gap: 8px 18px !important;
}
body.svp-inner--eventdetail .svp-ed-key__i {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--svp-ink-muted) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
body.svp-inner--eventdetail .svp-ed-key__i::before {
  content: "" !important;
  flex: none !important;
  width: 16px !important;
  height: 11px !important;
  border-radius: 3px !important;
  border: 1px solid var(--svp-line-2) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}
body.svp-inner--eventdetail .svp-ed-key__i--live::before {
  border-color: rgba(74, 222, 128, 0.7) !important;
  background: rgba(74, 222, 128, 0.25) !important;
}
body.svp-inner--eventdetail .svp-ed-key__i--next::before {
  border-color: var(--svp-ember) !important;
  background: rgba(255, 138, 43, 0.18) !important;
  box-shadow: 0 0 8px rgba(255, 138, 43, 0.55) !important;
}
body.svp-inner--eventdetail .svp-ed-key__i--past::before {
  border: 1px dashed rgba(214, 222, 236, 0.3) !important;
  background: none !important;
}

/* The week: one column per day (8 when the zone splits the data over eight dates) */
body.svp-inner--eventdetail .svp-ed-days {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--svp-line) !important;
  border-radius: var(--svp-r-sm) !important;
  background: rgba(255, 255, 255, 0.012) !important;
}
body.svp-inner--eventdetail .svp-ed-day {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
body.svp-inner--eventdetail .svp-ed-day + .svp-ed-day {
  border-left: 1px solid var(--svp-line) !important;
}
body.svp-inner--eventdetail .svp-ed-day.is-today {
  background: linear-gradient(180deg, rgba(124, 200, 255, 0.075), rgba(124, 200, 255, 0.025) 160px, rgba(124, 200, 255, 0.015)) !important;
  box-shadow: inset 0 2px 0 var(--svp-ice) !important;
}
body.svp-inner--eventdetail .svp-ed-day:first-child {
  border-radius: var(--svp-r-sm) 0 0 var(--svp-r-sm) !important;
}
body.svp-inner--eventdetail .svp-ed-day:last-child {
  border-radius: 0 var(--svp-r-sm) var(--svp-r-sm) 0 !important;
}
body.svp-inner--eventdetail .svp-ed-day__head {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1px !important;
  margin: 0 !important;
  padding: 12px 12px 10px !important;
  border: 0 !important;
  background: none !important;
  list-style: none !important;
  cursor: default !important;
  color: var(--svp-ink-strong) !important;
  font-family: var(--sv-font-ui) !important;
  text-align: left !important;
}
body.svp-inner--eventdetail .svp-ed-day__head::-webkit-details-marker {
  display: none !important;
}
body.svp-inner--eventdetail .svp-ed-day__head::marker {
  content: "" !important;
}
body.svp-inner--eventdetail .svp-ed-day__head::before {
  content: none !important;
}
body.svp-inner--eventdetail .svp-ed-day__name {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--svp-ink-strong) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.07em !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
body.svp-inner--eventdetail .svp-ed-day.is-today .svp-ed-day__name {
  color: var(--svp-ice) !important;
}
body.svp-inner--eventdetail .svp-ed-day__date {
  display: block !important;
  color: var(--svp-ink-muted) !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.04em !important;
}
body.svp-inner--eventdetail .svp-ed-day__n {
  display: none !important;
}
body.svp-inner--eventdetail .svp-ed-day__stage {
  max-width: none !important;
  margin: -2px 0 8px !important;
  padding: 0 12px !important;
  color: var(--svp-kicker) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.06em !important;
}
body.svp-inner--eventdetail .svp-ed-day__none {
  max-width: none !important;
  margin: 0 !important;
  padding: 2px 12px 0 !important;
  color: var(--svp-ink-faint) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.04em !important;
}
/* Time chips */
body.svp-inner--eventdetail ul.svp-ed-times {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(46px, 1fr)) !important;
  gap: 5px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 10px !important;
  list-style: none !important;
  border: 0 !important;
  background: none !important;
}
body.svp-inner--eventdetail ul.svp-ed-times:empty {
  display: none !important;
}
body.svp-inner--eventdetail .svp-ed-times > li {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  min-width: 0 !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 3px 2px !important;
  border: 1px solid var(--svp-line) !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  box-shadow: none !important;
  color: var(--svp-ink-strong) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.03em !important;
  font-variant-numeric: lining-nums tabular-nums !important;
  text-align: center !important;
  opacity: 1 !important;
  transition: border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease !important;
}
body.svp-inner--eventdetail .svp-ed-times > li::before,
body.svp-inner--eventdetail .svp-ed-times > li::after {
  content: none !important;
}
body.svp-inner--eventdetail .svp-ed-times :is(.event-sched-day, .event-sched-utc, .event-sched-dur, .event-sched-countdown) {
  display: none !important;
}
body.svp-inner--eventdetail .svp-ed-times .event-sched-local {
  display: block !important;
  margin: 0 !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  white-space: nowrap !important;
}
body.svp-inner--eventdetail .svp-ed-times .event-sched-stage {
  display: block !important;
  max-width: 100% !important;
  margin: 1px 0 0 !important;
  overflow: hidden !important;
  color: var(--svp-ink-muted) !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
/* One stage for the whole day is said once under the day name */
body.svp-inner--eventdetail .svp-ed-day[data-svp-staged] .svp-ed-times .event-sched-stage {
  display: none !important;
}
body.svp-inner--eventdetail .svp-ed-times > li.is-past {
  border-color: transparent !important;
  background: none !important;
  color: #7f899b !important;
  font-weight: 400 !important;
}
body.svp-inner--eventdetail .svp-ed-times > li.is-live {
  border-color: rgba(74, 222, 128, 0.6) !important;
  background: rgba(9, 44, 27, 0.7) !important;
  box-shadow: 0 0 14px -4px rgba(74, 222, 128, 0.6) !important;
  color: var(--svp-good-ink) !important;
}
body.svp-inner--eventdetail .svp-ed-times > li.is-next {
  border-color: var(--svp-ember) !important;
  background: rgba(66, 24, 8, 0.55) !important;
  box-shadow: 0 0 0 1px var(--svp-ember), 0 0 16px -3px rgba(255, 138, 43, 0.65) !important;
  color: #ffffff !important;
}

/* Footnotes under the week (the monthly caveat, a truncated list) */
body.svp-inner--eventdetail .svp-ed-week .event-meta-note {
  max-width: 48em !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--svp-ink-muted) !important;
  font-family: var(--sv-font-body) !important;
  font-size: 16px !important;
  font-style: normal !important;
  line-height: 1.5 !important;
}

/* --------------------------------------------------------------------------
   4. Repeating pattern: the loaders' summary lines as fact rows
   -------------------------------------------------------------------------- */
body.svp-inner--eventdetail ul.svp-ed-facts {
  display: block !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.svp-inner--eventdetail ul.svp-ed-facts > li {
  display: grid !important;
  grid-template-columns: minmax(0, 15rem) minmax(0, 1fr) !important;
  align-items: baseline !important;
  gap: 4px 24px !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--svp-line) !important;
  background: none !important;
}
body.svp-inner--eventdetail ul.svp-ed-facts > li:first-child {
  border-top: 0 !important;
  padding-top: 0 !important;
}
body.svp-inner--eventdetail ul.svp-ed-facts > li::before {
  content: none !important;
}
body.svp-inner--eventdetail ul.svp-ed-facts b {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  white-space: normal !important;   /* events.css keeps pattern labels on one line */
  overflow-wrap: break-word !important;
  color: var(--svp-ink-muted) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
body.svp-inner--eventdetail ul.svp-ed-facts span {
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--svp-ink) !important;
  font-family: var(--sv-font-body) !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  font-variant-numeric: lining-nums tabular-nums !important;
  overflow-wrap: anywhere !important;
}

/* --------------------------------------------------------------------------
   5. Other events: small link cards (name + how often it runs)
   -------------------------------------------------------------------------- */
body.svp-inner--eventdetail ul.svp-ed-others {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 10px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.svp-inner--eventdetail ul.svp-ed-others > li {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.svp-inner--eventdetail ul.svp-ed-others > li::before {
  content: none !important;
}
body.svp-inner--eventdetail .svp-ed-other {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
  box-sizing: border-box !important;
  height: 100% !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 11px 34px 12px 16px !important;
  border: 1px solid var(--svp-line) !important;
  border-radius: var(--svp-r-sm) !important;
  background: var(--svp-well) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  color: var(--svp-ink) !important;
  text-decoration: none !important;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease !important;
}
body.svp-inner--eventdetail .svp-ed-other::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 14px !important;
  width: 7px !important;
  height: 11px !important;
  margin-top: -5px !important;
  background: var(--svp-ice) !important;
  -webkit-mask: var(--svp-chev) center / contain no-repeat !important;
  mask: var(--svp-chev) center / contain no-repeat !important;
  opacity: 0.55 !important;
  transition: transform 0.18s ease, opacity 0.18s ease !important;
}
body.svp-inner--eventdetail .svp-ed-other:hover,
body.svp-inner--eventdetail .svp-ed-other:focus-visible {
  border-color: rgba(124, 200, 255, 0.55) !important;
  background: rgba(124, 200, 255, 0.045) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 0 0 1px rgba(124, 200, 255, 0.2) !important;
}
body.svp-inner--eventdetail .svp-ed-other:hover::after,
body.svp-inner--eventdetail .svp-ed-other:focus-visible::after {
  opacity: 1 !important;
  transform: translateX(2px) !important;
}
body.svp-inner--eventdetail .svp-ed-other__n {
  display: block !important;
  color: var(--svp-ink-strong) !important;
  font-family: var(--sv-font-body) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
  transition: color 0.18s ease !important;
}
body.svp-inner--eventdetail .svp-ed-other:hover .svp-ed-other__n,
body.svp-inner--eventdetail .svp-ed-other:focus-visible .svp-ed-other__n {
  color: var(--svp-link) !important;
}
body.svp-inner--eventdetail .svp-ed-other__m {
  display: block !important;
  color: var(--svp-ink-muted) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.04em !important;
}
body.svp-inner--eventdetail .svp-ed-more .svp-head__aside .svp-link-action {
  white-space: normal !important;
}

/* The closing line under the panels */
body.svp-inner--eventdetail .page-outro-note {
  max-width: none !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  color: var(--svp-ink-muted) !important;
  font-family: var(--sv-font-ui) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  letter-spacing: 0.04em !important;
  text-align: left !important;
}

/* --------------------------------------------------------------------------
   6. Tablets (761-1099): the side column moves under the hero
   -------------------------------------------------------------------------- */
@media (max-width: 1099px) {
  body.svp-inner--eventdetail .svp-ed-next__grid {
    display: block !important;
  }
  body.svp-inner--eventdetail .svp-ed-hero {
    padding: 0 !important;
  }
  body.svp-inner--eventdetail .svp-ed-side {
    margin: 22px 0 0 !important;
    padding: 16px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid var(--svp-line) !important;
  }
}
@media (min-width: 761px) and (max-width: 1099px) {
  body.svp-inner--eventdetail .svp-ed-next {
    padding: 24px !important;
  }
  body.svp-inner--eventdetail .svp-ed-queue__list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 24px !important;
  }
  body.svp-inner--eventdetail .svp-ed-qi {
    display: block !important;
    padding: 10px 0 0 !important;
    border-top: 0 !important;
  }
  body.svp-inner--eventdetail .svp-ed-qi[hidden] {
    display: none !important;
  }
  body.svp-inner--eventdetail .svp-ed-qi__cd {
    margin-top: 8px !important;
    text-align: left !important;
  }
  body.svp-inner--eventdetail .svp-ed-day__head {
    padding: 10px 8px 8px !important;
  }
  body.svp-inner--eventdetail .svp-ed-day__name {
    font-size: 14px !important;
    letter-spacing: 0.04em !important;
  }
  body.svp-inner--eventdetail ul.svp-ed-times {
    grid-template-columns: repeat(auto-fill, minmax(48px, 1fr)) !important;
    gap: 4px !important;
    padding: 0 6px !important;
  }
  body.svp-inner--eventdetail .svp-ed-times > li {
    font-size: 14px !important;
  }
  body.svp-inner--eventdetail .svp-ed-day__stage,
  body.svp-inner--eventdetail .svp-ed-day__none {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* --------------------------------------------------------------------------
   7. Phones (<= 760): stacked hero, one block per day (today open)
   -------------------------------------------------------------------------- */
@media (max-width: 760px) {
  body.svp-inner--eventdetail .svp-ed-next {
    padding: 20px 18px 18px !important;
  }
  body.svp-inner--eventdetail .svp-ed-hero__main {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    margin-top: 10px !important;
  }
  body.svp-inner--eventdetail .svp-ed-hero__left {
    flex: 0 0 auto !important;
  }
  body.svp-inner--eventdetail .svp-ed-hero__when .svp-ed-when {
    font-size: 32px !important;
  }
  body.svp-inner--eventdetail .svp-ed-hero__cd {
    text-align: left !important;
  }
  body.svp-inner--eventdetail .event-countdown-output {
    font-size: 46px !important;
  }
  /* The run line wraps on a phone (Castle Siege's has three dated items): no dividers, just gaps */
  body.svp-inner--eventdetail .svp-ed-run {
    margin-top: 12px !important;
    gap: 10px 26px !important;
  }
  body.svp-inner--eventdetail .svp-ed-run__i + .svp-ed-run__i {
    padding-left: 0 !important;
    border-left: 0 !important;
  }
  body.svp-inner--eventdetail .svp-ed-side {
    margin-top: 18px !important;
    padding-top: 6px !important;
  }
  body.svp-inner--eventdetail .svp-ed-qi .svp-ed-when {
    font-size: 18px !important;
  }
  body.svp-inner--eventdetail .svp-ed-count {
    font-size: 20px !important;
  }
  body.svp-inner--eventdetail .svp-ed-stages > li {
    grid-template-columns: minmax(96px, auto) minmax(0, 1fr) !important;
    column-gap: 14px !important;
    padding-left: 12px !important;
  }
  body.svp-inner--eventdetail .svp-ed-stages .event-sched-stage {
    font-size: 17px !important;
  }
  body.svp-inner--eventdetail .svp-ed-notes {
    margin-top: 18px !important;
    padding-top: 14px !important;
  }
  body.svp-inner--eventdetail .svp-ed-notes p {
    font-size: 16px !important;
  }
  body.svp-inner--eventdetail details.svp-ev-tz {
    margin-top: 18px !important;
  }
  body.svp-inner--eventdetail .svp-ev-tz .tz-controls {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.svp-inner--eventdetail .svp-ev-tz__sum {
    padding: 8px 12px !important;
  }
  body.svp-inner--eventdetail .svp-ev-tz__body {
    padding: 2px 12px 14px !important;
  }

  /* The week: one block per day, its head a 48px switch with the day's run count */
  body.svp-inner--eventdetail .svp-ed-week .svp-head__aside {
    gap: 6px 14px !important;
  }
  body.svp-inner--eventdetail .svp-ed-days {
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.svp-inner--eventdetail .svp-ed-day {
    padding: 0 !important;
  }
  body.svp-inner--eventdetail .svp-ed-day[open] {
    padding-bottom: 12px !important;
  }
  body.svp-inner--eventdetail .svp-ed-day + .svp-ed-day {
    border-left: 0 !important;
    border-top: 1px solid var(--svp-line) !important;
  }
  body.svp-inner--eventdetail .svp-ed-day:first-child {
    border-radius: var(--svp-r-sm) var(--svp-r-sm) 0 0 !important;
  }
  body.svp-inner--eventdetail .svp-ed-day:last-child {
    border-radius: 0 0 var(--svp-r-sm) var(--svp-r-sm) !important;
  }
  body.svp-inner--eventdetail .svp-ed-day.is-today {
    background: linear-gradient(180deg, rgba(124, 200, 255, 0.07), rgba(124, 200, 255, 0.02)) !important;
    box-shadow: inset 3px 0 0 var(--svp-ice) !important;
  }
  body.svp-inner--eventdetail .svp-ed-day__head {
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 48px !important;
    padding: 6px 14px !important;
    cursor: pointer !important;
  }
  body.svp-inner--eventdetail .svp-ed-day__head::after {
    content: "" !important;
    flex: none !important;
    width: 11px !important;
    height: 7px !important;
    margin-left: 4px !important;
    background: var(--svp-ice) !important;
    -webkit-mask: var(--svp-chev-down) center / contain no-repeat !important;
    mask: var(--svp-chev-down) center / contain no-repeat !important;
    transition: transform 0.2s ease !important;
  }
  body.svp-inner--eventdetail .svp-ed-day[open] > .svp-ed-day__head::after {
    transform: rotate(180deg) !important;
  }
  body.svp-inner--eventdetail .svp-ed-day__name {
    flex: 0 1 auto !important;
    font-size: 15px !important;
  }
  body.svp-inner--eventdetail .svp-ed-day__date {
    flex: 1 1 auto !important;
    font-size: 14px !important;
  }
  body.svp-inner--eventdetail .svp-ed-day__n {
    display: block !important;
    flex: none !important;
    color: var(--svp-ink-muted) !important;
    font-size: 13.5px !important;
    letter-spacing: 0.04em !important;
    white-space: nowrap !important;
  }
  body.svp-inner--eventdetail .svp-ed-day__stage,
  body.svp-inner--eventdetail .svp-ed-day__none {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  body.svp-inner--eventdetail ul.svp-ed-times {
    grid-template-columns: repeat(auto-fill, minmax(58px, 1fr)) !important;
    gap: 6px !important;
    padding: 0 14px !important;
  }
  body.svp-inner--eventdetail .svp-ed-times > li {
    min-height: 34px !important;
    font-size: 15.5px !important;
  }

  body.svp-inner--eventdetail ul.svp-ed-facts > li {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 2px !important;
  }
  body.svp-inner--eventdetail ul.svp-ed-facts span {
    font-size: 17px !important;
  }
  body.svp-inner--eventdetail ul.svp-ed-others {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
    gap: 8px !important;
  }
  body.svp-inner--eventdetail .svp-ed-other {
    min-height: 60px !important;
    padding: 10px 28px 10px 12px !important;
  }
  body.svp-inner--eventdetail .svp-ed-other::after {
    right: 10px !important;
  }
  body.svp-inner--eventdetail .svp-ed-other__n {
    font-size: 17px !important;
  }
  body.svp-inner--eventdetail .svp-ed-other__m {
    font-size: 13px !important;
  }
}

/* --------------------------------------------------------------------------
   8. Motion
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  body.svp-inner--eventdetail :is(.event-countdown-output, .svp-ed-other, .svp-ed-other__n, .svp-ev-tz__act, .svp-ed-times > li),
  body.svp-inner--eventdetail :is(.svp-ev-tz__act, .svp-ed-other, .svp-ed-day__head, .svp-ed-back)::after,
  body.svp-inner--eventdetail .svp-ed-back::before {
    transition: none !important;
  }
}

}