@media (max-height: 420px) and (min-width: 600px) {
  #pause-dialog .dialog-content { padding: 14px 24px; }
  #pause-dialog .eyebrow { margin-bottom: 4px; }
  #pause-dialog .dialog-content h2 { font-size: 30px; margin: 5px 0; }
  #pause-dialog .dialog-content > p:not(.eyebrow) { margin: 6px 0 10px; }
  #pause-dialog .text-button { margin-top: 2px; }
  #pause-dialog details { margin: 0; }
  #pause-dialog summary { min-height: 36px; padding: 7px 10px; }
}