/* Scoped to the guarded event-detail transform; real photo covers remain untouched. */
article[data-event-detail-update] .event-detail__intro {
  margin-top: 1rem;
  padding-block: 0;
  border-block: 0;
  gap: 1.5rem;
}
article[data-event-detail-update] .event-detail__header {
  background: transparent;
}
article[data-event-detail-update] .event-detail__labels {
  gap: .5rem;
}
article[data-event-detail-update] .event-title {
  margin-top: .75rem;
}
article[data-event-detail-update] .event-detail__summary-facts {
  margin-top: 1rem;
  gap: .6rem;
}
article[data-event-detail-update] .event-freshness {
  margin-top: .75rem;
}
article[data-event-detail-update] .event-detail__header-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: .65rem;
  margin-top: 1.25rem;
}
article[data-event-detail-update] .event-detail__header-actions > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .375rem;
  width: 100%;
  min-width: 0;
  min-height: 3.5rem;
  height: auto;
  margin: 0;
  padding: .7rem .65rem;
  border: 1px solid #c3d6e4;
  border-radius: .65rem;
  background: #eff6fb;
  color: var(--color-brand-blue, #215a86);
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}
article[data-event-detail-update] .event-detail__header-actions .event-official-cta {
  background: var(--color-brand-blue, #215a86);
  border-color: var(--color-brand-blue, #215a86);
  color: #fff;
}
article[data-event-detail-update] .event-detail__header-actions > a > svg {
  display: inline-block;
  flex: 0 0 1.15rem;
  width: 1.15rem;
  height: 1.15rem;
}
article[data-event-detail-update] .event-detail__header-actions .event-detail__official-mobile {
  display: inline;
}
article[data-event-detail-update] .event-detail__header-actions .event-detail__official-desktop {
  display: none;
}
/* Use the original accessible labels as visible text without rebuilding their anchors. */
article[data-event-detail-update] .event-detail__header-actions .icon-action::after {
  content: attr(data-icon-label);
  position: static;
  display: block;
  visibility: visible;
  transform: none;
  width: auto;
  min-width: 0;
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
}
article[data-event-detail-update] .event-detail__header-actions .icon-action::before {
  display: none;
}
article[data-event-detail-update] .event-detail__header-actions > a:focus-visible {
  outline: 3px solid var(--color-brand-blue, #215a86);
  outline-offset: 3px;
}
article[data-event-detail-update] .event-detail__header-actions > a[aria-disabled="true"] {
  cursor: default;
}
/* The nearby section owns its one separator. No section means no extra line or gap. */
article[data-event-detail-update] .event-detail__nearby {
  margin-top: 2rem;
  padding-top: 1.75rem;
  border-top: 1px solid var(--color-rule, #d7dfe5);
}
article[data-event-detail-update] .event-detail__nearby > h2 {
  margin: 0 0 1rem;
  color: var(--color-heritage-ink-token, #182d3e);
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.4;
}
article[data-event-detail-update] [data-event-nearby-status] {
  margin: .75rem 0;
  color: var(--color-text-secondary, #52626f);
  font-size: .875rem;
  line-height: 1.7;
}
article[data-event-detail-update] .event-detail__sources {
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--color-rule, #d7dfe5);
}
@media (min-width: 48rem) {
  article[data-event-detail-update] .event-detail__intro {
    gap: 2rem;
    align-items: center;
  }
  article[data-event-detail-update] .event-detail__header-actions {
    max-width: 38rem;
  }
  article[data-event-detail-update] .event-detail__nearby {
    margin-top: 2.5rem;
  }
}
/* Fewer valid actions (unknown venue) fill the row without a phantom third column. */
article[data-event-detail-update] .event-detail__header-actions:not(:has(> a:nth-child(3))) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 30rem) {
  article[data-event-detail-update] .event-detail__header-actions > a {
    flex-direction: column;
    gap: .25rem;
    padding-inline: .4rem;
    font-size: .8125rem;
  }
}

/* Mobile detail illustration: enlarge the actual SVG surface, not just its frame.
 * The ID outranks the existing #main fallback-cover rules. Photo/poster covers,
 * event-index cards, Home covers, and viewports at or above 48rem are excluded. */
@media (width < 48rem) {
  #main article[data-event-detail-update] .event-cover--detail:not(.event-cover--photo):has(.event-cover__wall-art) {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    width: 100%;
    min-height: 0;
    height: auto;
    margin: 0;
  }
  #main article[data-event-detail-update] .event-cover--detail:not(.event-cover--photo):has(.event-cover__wall-art) .event-cover__poster {
    display: grid;
    grid-template-columns: minmax(0, .38fr) minmax(0, .62fr);
    grid-template-rows: minmax(10rem, 1fr);
    min-height: clamp(10rem, 44vw, 20rem);
  }
  #main article[data-event-detail-update] .event-cover--detail:not(.event-cover--photo):has(.event-cover__wall-art) .event-cover__visual {
    grid-column: 2;
    grid-row: 1;
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
  }
  #main article[data-event-detail-update] .event-cover--detail:not(.event-cover--photo):has(.event-cover__wall-art) .event-cover__wall-art {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    opacity: 1;
  }
  #main article[data-event-detail-update] .event-cover--detail:not(.event-cover--photo):has(.event-cover__wall-art) .event-cover__editorial {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    gap: .35rem;
    padding: 1rem .25rem 1rem 1rem;
  }
  #main article[data-event-detail-update] .event-cover--detail:not(.event-cover--photo):has(.event-cover__wall-art) .event-cover__category {
    font-size: .8125rem;
    line-height: 1.45;
    letter-spacing: .04em;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  #main article[data-event-detail-update] .event-cover--detail:not(.event-cover--photo):has(.event-cover__wall-art) .event-cover__accent {
    display: block;
    width: 2.75rem;
    max-width: 100%;
    margin-block: .2rem;
  }
  #main article[data-event-detail-update] .event-cover--detail:not(.event-cover--photo):has(.event-cover__wall-art) .event-cover__range {
    margin: 0;
    font-size: clamp(1rem, 3.8vw, 1.25rem);
    line-height: 1.5;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  #main article[data-event-detail-update] .event-cover--detail:not(.event-cover--photo):has(.event-cover__wall-art) .event-cover__date-band {
    min-height: 2rem;
    margin: 0;
    padding: .35rem .75rem;
    border-radius: 0;
  }
}

/* Event-scoped copies of the current Map planner layout. Existing theme tokens only. */
[data-event-nearby] { margin-top:2rem; border-top:1px solid var(--color-rule); padding-top:1.75rem; scroll-margin-top:5.5rem; }
[data-event-nearby][hidden], [data-event-nearby] [hidden] { display:none !important; }
[data-event-nearby] .planner-heading-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem 1rem; margin-top:1rem; }
[data-event-nearby] .event-nearby__heading { min-width:min(100%,12rem); font-size:1.875rem; line-height:1.2; font-weight:800; letter-spacing:-.025em; margin:0; }
[data-event-nearby] .planner-conditions { display:grid; gap:1.25rem; margin-top:1.5rem; }
[data-event-nearby] .planner-conditions > fieldset { min-width:0; border:1px solid var(--color-rule); border-radius:var(--radius-card); background:var(--color-paper-pure); padding:1rem; }
[data-event-nearby] .planner-conditions legend { font-size:.875rem; font-weight:700; }
[data-event-nearby] .planner-interest-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(3.25rem,1fr)); gap:.5rem; margin-top:.5rem; }
[data-event-nearby] .planner-interest-option { position:relative; display:grid; min-width:0; min-height:3rem; place-items:center; border:1px solid var(--color-rule); border-radius:var(--radius-card); padding:.55rem; color:var(--color-brand-blue); }
[data-event-nearby] .planner-interest-option svg { flex:0 0 auto; }
[data-event-nearby] .planner-interest-option[aria-pressed='true'] { border-color:var(--color-brand-blue); background:var(--color-brand-blue-soft); color:var(--color-brand-blue); }
[data-event-nearby] .planner-interest-option:focus-visible { outline:3px solid var(--color-focus); outline-offset:2px; }
[data-event-nearby] .event-nearby__results { margin-top:1.75rem; }
[data-event-nearby] .event-nearby__order { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--color-border); padding-bottom:.75rem; margin-bottom:1rem; }
[data-event-nearby] .event-nearby__order h3 { margin:0; font-size:1.25rem; font-weight:700; }
[data-event-nearby] .event-nearby__card { display:grid; grid-template-columns:2.5rem minmax(0,1fr); gap:.75rem; border-bottom:1px solid var(--color-border); padding:1.25rem 0; }
[data-event-nearby] .event-nearby__results > .event-nearby__card:last-child { border-bottom:0; padding-bottom:0; }
[data-event-nearby] .event-nearby__number { display:grid; width:2.5rem; height:2.5rem; place-items:center; border-radius:9999px; background:var(--color-primary); color:var(--color-paper-pure); font-size:1rem; font-weight:800; }
[data-event-nearby] .event-nearby__body { min-width:0; }
[data-event-nearby] .event-nearby__distance { display:flex; align-items:center; gap:.5rem; font-size:.875rem; font-weight:800; color:var(--color-primary); }
[data-event-nearby] .event-nearby__distance svg { flex:0 0 auto; }
[data-event-nearby] .event-nearby__name { margin:0; font-size:1.125rem; font-weight:700; overflow-wrap:anywhere; }
[data-event-nearby] .planner-place-link { color:var(--color-primary); text-decoration:underline; text-underline-offset:4px; }
[data-event-nearby] .planner-place-link:hover { color:var(--color-deep); }
[data-event-nearby] .event-nearby__description { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:.5rem; font-size:.875rem; line-height:1.5rem; color:var(--color-text-secondary); }
[data-event-nearby] .event-nearby__hours { margin-top:.75rem; font-size:.75rem; color:var(--color-text-secondary); }
[data-event-nearby] .event-nearby__stay { margin-top:.25rem; font-size:.75rem; color:var(--color-text-secondary); }
[data-event-nearby] .event-nearby__price { display:flex; align-items:center; gap:.375rem; margin-top:.5rem; font-size:.75rem; font-weight:700; color:var(--color-heritage-ink); }
[data-event-nearby] .event-nearby__ratings { display:flex; align-items:center; justify-content:space-between; gap:.75rem; border:0; border-top:1px solid var(--color-border); margin:.75rem 0 0; padding:.75rem 0 0; min-width:0; }
[data-event-nearby] .event-nearby__ratings legend { font-size:.75rem; font-weight:700; }
[data-event-nearby] .event-nearby__rating-buttons { display:flex; gap:.25rem; }
[data-event-nearby] .event-nearby__rating { display:grid; width:2.5rem; height:2.5rem; place-items:center; border:1px solid var(--color-border); border-radius:9999px; color:var(--color-text-secondary); }
[data-event-nearby] .event-nearby__rating[aria-pressed='true'] { border-color:var(--color-primary); background:var(--color-primary-light); color:var(--color-primary); }
[data-event-nearby] .event-nearby__links { display:flex; flex-wrap:wrap; gap:.25rem 1rem; margin-top:.75rem; padding-top:.75rem; border-top:1px solid var(--color-border); }
[data-event-nearby] .event-nearby__links a { display:inline-flex; align-items:center; gap:.375rem; min-height:2.75rem; font-size:.875rem; font-weight:700; color:var(--color-primary); text-decoration:underline; text-underline-offset:4px; }
[data-event-nearby] .event-nearby__links a[aria-disabled='true'] { cursor:default; }
[data-event-nearby] .event-nearby__photo { width:100%; overflow:hidden; border-radius:.5rem; }
[data-event-nearby] .event-nearby__photo--mobile { display:block; aspect-ratio:16/9; margin-top:.75rem; }
[data-event-nearby] .event-nearby__photo--desktop { display:none; }
[data-event-nearby] .event-nearby__photo img { display:block; width:100%; height:100%; object-fit:cover; }
[data-event-nearby] .event-nearby__status { background:var(--color-primary-light); padding:1rem; font-size:.875rem; }
[data-event-nearby] .event-nearby__retry { min-height:2.75rem; padding:.5rem 1rem; margin-top:.75rem; }
[data-event-nearby] :is(button,a):focus-visible { outline:3px solid var(--color-focus); outline-offset:2px; }
@media (min-width:40rem) {
 [data-event-nearby] { margin-top:3rem; padding-top:2.5rem; }
 [data-event-nearby] .event-nearby__card { grid-template-columns:3rem minmax(0,1fr) 10rem; gap:1.25rem; }
 [data-event-nearby] .event-nearby__number { width:3rem; height:3rem; }
 [data-event-nearby] .event-nearby__photo--mobile { display:none; }
 [data-event-nearby] .event-nearby__photo--desktop { display:block; grid-column:3; grid-row:1; aspect-ratio:4/3; margin-top:0; }
}
