@media (pointer: coarse) and (max-width: 768px) {

  /* form/mobile.css — quote-form mobile additions (MOBILE_PLAN.md 4A).
     DOUBLE-GATED: the <link> in form.php carries
     media="(pointer: coarse) and (max-width: 768px)" AND this entire file sits
     inside the identical @media block, so the fine-pointer desktop (including
     the 850px desktop iframe interior) can never match — the 810px LED board
     stays byte-identical on desktop. Nothing in here may use overflow:hidden
     (it would clip the 30px LED focus glow). */

  /* 4A.2 — LED field width clamps ONLY. Font-size 30px, height, letter-spacing
     10.2pt, panelbg30px.gif repeat-x tiling, border-radius and the focus glow
     all stay inherited from form.php's own CSS. body has 15px left padding, so
     100vw - 30px leaves a matching right margin. */
  .ledtextboxlong,
  .ledtextboxtall {
    width: calc(100vw - 30px);
  }
  .ledtextboxdate {
    width: min(310px, calc(100vw - 30px));
  }

  /* 4A.3 — autocomplete rows at least 44px tall (24px line + 2 x 10px padding,
     content-box). Two child selectors: jQuery UI 1.13 renders rows as
     li > div.ui-menu-item-wrapper, while form.php's own desktop rule targets the
     legacy li > a markup — cover both. height:auto releases the desktop 16px
     anchor height so the padding can take effect. */
  .ui-autocomplete .ui-menu-item a,
  .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
    height: auto;
    line-height: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* Dropdown capped to half the viewport so it opens un-clipped inside the
     panel; desktop keeps its own 400px max-height rule inside form.php. */
  .ui-autocomplete {
    max-height: 50vh;
    overflow-y: auto;
  }

  /* 4A.4 — jQuery UI datepicker kept (no type=date); sized to the narrow
     viewport instead of the theme's 17em. */
  .ui-datepicker {
    width: 94vw;
  }

  /* 4A.6 — submit button: its inline 128px side paddings overflow sub-360px
     viewports; clamp the box, restyle nothing. max-width/box-sizing are not in
     the inline style, so no !important is needed. */
  input[type="submit"] {
    max-width: 100%;
    box-sizing: border-box;
  }

}