/* Keep essential event information and navigation usable on every viewport. */
.menu-toggle[hidden] { display: none !important; }
.event-facts small { display: block; color: #b5c3d1; font-size: .85rem; margin-top: .4rem; }
.event-info, .event-poster-block { min-width: 0; }
.event-info { grid-column: 2; grid-row: 1; }
.event-poster-block { grid-column: 1; grid-row: 1; }
@media (max-width: 900px) {
  .site-header:not(.has-menu-js) { position: relative; height: auto; min-height: 82px; flex-wrap: wrap; padding-block: 12px; }
  .site-header:not(.has-menu-js) nav { position: static; display: flex; order: 3; flex: 1 0 100%; flex-direction: row; flex-wrap: wrap; padding: 0; gap: 0 20px; border: 0; }
  .site-header:not(.has-menu-js) nav a { font-size: 1rem; min-height: 44px; display: flex; align-items: center; }
}
@media (max-width: 760px) {
  .event-layout { display: grid; grid-template-columns: 1fr; gap: 36px; }
  .event-info, .event-poster-block { grid-column: auto; grid-row: auto; }
  .page-agenda .page-heading { padding-block: 36px 26px; }
  .page-agenda .page-heading h1 { font-size: clamp(2.5rem, 10vw, 4.5rem); }
  .page-agenda .page-heading .page-lead { font-size: 1rem; }
  .page-agenda .event-layout { padding-top: 28px; }
  .event-facts { gap: 20px; }
}
@media (max-width: 600px) {
  .intro-grid h2 { font-size: clamp(2.75rem, 14vw, 3.7rem); }
  .poster-card-wide .poster-frame { min-height: 0; min-width: 0; width: 100%; max-width: 100%; aspect-ratio: 2.2 / 1; }
}
.footer-bottom small { color: #061019; }