/* [P1-15 2026-10-24 · Adam] The sport pages' mock-up form on phones and tablets (under 992 px). Loaded by the five sport pages
   and /mockup/thanks only; scoped to their forms and the thank-you screen. Desktop is unchanged.
   [SPORT FORMS 2026-10-24] basketball, football and soccer joined baseball and lacrosse. */
@media (max-width: 991.98px) {
  /* 16 px fields — iOS zooms the page into anything smaller. */
  form[data-quote-flow][data-sport] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  form[data-quote-flow][data-sport] select, form[data-quote-flow][data-sport] textarea { font-size: 16px !important; }
  /* A 44x44 tap area for each checkbox; the box drawn inside it stays ~22 px. Negative margins keep the row's layout. */
  form[data-quote-flow][data-sport] input[type="checkbox"] {
    -webkit-appearance: none; appearance: none; width: 44px !important; height: 44px !important; min-width: 44px;
    margin: -10px 0 -10px -11px !important; padding: 0; border: 0 !important; border-radius: 6px; box-shadow: none !important;
    background: transparent center / 22px 22px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Crect x='1' y='1' width='20' height='20' rx='4' fill='%23fff' stroke='%2394A2AE' stroke-width='2'/%3E%3C/svg%3E") !important;
    cursor: pointer; flex: none; }
  form[data-quote-flow][data-sport] input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Crect x='1' y='1' width='20' height='20' rx='4' fill='%230A2143' stroke='%230A2143' stroke-width='2'/%3E%3Cpath d='M6 11.5l3.2 3.2L16 7.8' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
  form[data-quote-flow][data-sport] input[type="checkbox"]:focus-visible { outline: 2px solid #E3A730; outline-offset: -6px; }
  /* "Done for now": a full-width outline button, 44 px tall. */
  .qf-ok .qf-later { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; margin: 12px 0 0;
    border: 2px solid #0A2143; border-radius: 0; background: #fff; color: #0A2143; text-decoration: none; font-weight: 600; font-size: 15px; }
}