/* Keep narrow-screen controls inside the viewport without changing story timing. */
@media (max-width: 760px) {
  .site-header, .site-header nav, .panel-copy, .plan-copy,
  .brew-copy, .manage-copy, .calendar-card { min-width: 0; }
  .site-header nav { gap: 12px; }
  .header-cta { max-width: 100%; white-space: nowrap; }
  .sliders, .pill-options, .roast-options, .plan-total { min-width: 0; max-width: 100%; }
  .sliders input[type="range"] { touch-action: none; }
  #summary-dialog { max-width: calc(100% - 32px); }
}