/* Shared touch and small-screen refinements for every public page. */
button, select, input:not([type="checkbox"]):not([type="radio"]), summary {
  min-height: 44px;
}
button, select, summary { touch-action: manipulation; }
input, select { font-size: 16px; }
img, video, audio { max-width: 100%; }
.reading-nav a, .briefing-next a { display: inline-flex; align-items: center; min-height: 44px; }
.player-options select { min-width: 72px; font-size: 16px; }
.answer-top button { min-height: 44px; }
.dialog-header button { min-width: 44px; min-height: 44px; }
.nav nav.open { max-height: calc(100dvh - 90px); overflow-y: auto; overscroll-behavior: contain; }
@media (max-width: 1100px) {
  .resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .resource-grid { grid-template-columns: minmax(0, 1fr); }
  .interactive-briefing { padding: 24px 18px; }
  .interactive-briefing .quick-read { padding: 20px 16px; }
  .interactive-briefing .reading-tools { flex-wrap: wrap; }
  .interactive-briefing .briefing-next { flex-wrap: wrap; gap: 14px; }
  .interactive-briefing ul, .interactive-briefing ol { padding-left: 22px; }
  .interactive-briefing a, .credits a { overflow-wrap: anywhere; }
  .podcast-feature .button { min-height: 48px; }
  .menu-toggle { min-height: 44px; }
  .filters button { min-height: 44px; }
}
@media (max-height: 500px) and (orientation: landscape) {
  dialog { max-height: calc(100dvh - 16px); }
  dialog video { max-height: 48dvh; }
}
header .brand-number{color:#c43b3f!important}