/* One navigation band and one reading surface for every menu and detail view. */
.detail-dialog { position: fixed; inset: 0; width: 100%; height: 100vh; height: 100dvh; max-width: none; max-height: none; margin: 0; border-radius: 0; background: var(--surface); }
.detail-dialog[open] { animation: none; }
.dialog-shell { height: 100%; max-height: none; }
.guide-header { flex: 0 0 auto; padding: max(10px, env(safe-area-inset-top)) 18px 10px; background: var(--navy); color: #fff; }
.guide-header__inner { display: grid; grid-template-columns: auto minmax(0, 1fr) 46px; align-items: center; gap: 14px; width: min(100%, 1160px); margin: auto; }
.guide-header__home { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 7px 0; border: 0; background: none; color: #fff; font-size: 1rem; font-weight: 750; text-decoration: none; white-space: nowrap; cursor: pointer; }
.guide-header__event { margin: 0; min-width: 0; font-size: .875rem; line-height: 1.5; text-align: right; color: #deeaee; }
.guide-header__event time { display: block; color: #9bd4d8; font-size: .875rem; }
.guide-header__back { width: 46px; height: 46px; display: grid; place-items: center; padding: 10px; border: 1px solid #ffffff55; border-radius: 50%; background: #ffffff0d; color: #fff; cursor: pointer; }
.guide-header__back svg { width: 23px; height: 23px; }
.guide-header__home:focus-visible, .guide-header__back:focus-visible { outline: 3px solid #9bd4d8; outline-offset: 4px; }
.guide-view-heading { flex: 0 0 auto; padding: 15px 22px 13px; border-bottom: 1px solid var(--line); background: #fff; }
.guide-view-heading__inner { max-width: 1160px; margin: auto; }
.guide-view-heading .dialog-kicker { font-size: .8125rem; }
.guide-view-heading h2 { margin: 0; color: var(--navy); font-size: clamp(1.45rem, 4vw, 1.8rem); line-height: 1.4; }
.guide-parent-link { min-height: 44px; margin: -4px 0 3px; padding: 5px 0; border: 0; background: none; color: #096b7a; font-size: .9375rem; font-weight: 700; cursor: pointer; }
.dialog-content { flex: 1 1 auto; min-height: 0; padding: 22px 24px max(28px, env(safe-area-inset-bottom)); overflow: auto; overscroll-behavior: contain; }
.guide-panel { width: min(100%, 960px); margin: 0 auto; }
.guide-panel[hidden], .guide-parent-link[hidden] { display: none !important; }
.guide-panel > :first-child { margin-top: 0; }
.guide-panel[data-panel=seating] { width: min(100%, 1160px); }
.seating-page--embedded .seating-main { width: 100%; margin: 0; }
.seating-page--embedded .seating-heading { justify-content: flex-end; margin-bottom: 14px; }
.seating-page--embedded .seating-footer { margin-bottom: 0; }
@media (max-width: 560px) {
  .guide-header { padding-inline: 12px; }
  .guide-header__inner { gap: 10px; }
  .guide-view-heading { padding: 12px 15px; }
  .dialog-content { padding: 16px 12px max(22px, env(safe-area-inset-bottom)); }
}
@media print {
  .guide-header, .guide-parent-link, .guide-return-bottom { display: none !important; }
  .detail-dialog[open] { position: static; height: auto; overflow: visible; }
  .detail-dialog[open] .dialog-shell, .detail-dialog[open] .dialog-content { display: block; height: auto; overflow: visible; }
  body:has(.detail-dialog[open]) > :not(.detail-dialog) { display: none !important; }
}
