html {
        overflow-x: hidden;
        scroll-padding-top: 5.5rem;
        -webkit-tap-highlight-color: transparent;
      }

      :where(a, button, summary):focus-visible {
        outline: 2px solid #00d2ff;
        outline-offset: 3px;
      }

      @media (pointer: coarse) {
        :where(a, button, summary) {
          touch-action: manipulation;
        }

        :where(a.inline-flex, a.flex, button, summary) {
          min-height: 44px;
        }

        .season-nav a {
          display: inline-flex;
          min-height: 44px;
          align-items: center;
        }
      }

      @media (max-width: 767px) {
        :where(a.inline-flex, a.flex, button, summary) {
          min-height: 44px;
        }

        .season-nav a {
          display: inline-flex;
          min-height: 44px;
          align-items: center;
        }










        section[id],
        footer[id] {
          scroll-margin-top: 5.5rem;
        }

        .legal-dialog,
        .photo-viewer {
          width: calc(100vw - 1rem);
          max-height: calc(100dvh - 1rem);
        }

        .photo-viewer img {
          max-height: calc(100dvh - 3rem);
        }

        .featured-media {
          min-height: clamp(320px, 110vw, 440px) !important;
        }
      }