/* Loaded last: viewport-fit rules that must win over the component stylesheets. */

/* Short desktop viewports (1280x720 laptops): trim the frame so the card still sits in one screen. */
@media (min-width: 1081px) and (max-height: 780px) {
  .stage { padding-top: 72px; padding-bottom: 14px; }
  .card__body { gap: 11px; padding: 14px 20px 16px; }
  .card__bar { padding: 10px 22px; }
  .field__input { min-height: 40px; }
  .times__list { max-height: 152px; }
  .intro { --wordmark-w: clamp(180px, 17vw, 340px); }
  .intro__heading { margin-top: 18px; font-size: 1.6rem; }
}