/* ===== quote-field-heights =====
   Every selector in the quote engine takes its height from the cover-type
   pills, so the form reads as one grid instead of stepping between 34, 38 and
   44px rows. One height serves desktop and phone alike. */
:root{--quote-field-h:40px;}
/* The repeated id is deliberate: the layout sheets pin these rows with rules up
   to three ids deep (the maternity note among them), and every selector has to
   answer to the same height. */
#quote-form#quote-form#quote-form#quote-form select,
#quote-form#quote-form#quote-form#quote-form input[type="number"],
#quote-form#quote-form#quote-form#quote-form input[type="text"],
#quote-form#quote-form#quote-form#quote-form input[type="tel"],
#quote-form#quote-form#quote-form#quote-form input[type="search"]{
  height:var(--quote-field-h)!important;
  min-height:var(--quote-field-h)!important;
  max-height:var(--quote-field-h)!important;
  box-sizing:border-box!important;
}
/* The cover-type pills themselves sit on the same line height. */
#quote-form#quote-form#quote-form#quote-form .cover-type-toggle label{
  height:var(--quote-field-h)!important;
  min-height:var(--quote-field-h)!important;
  max-height:var(--quote-field-h)!important;
  box-sizing:border-box!important;
}
/* Insurer and plan pickers are selectors too. */
#quote-form#quote-form#quote-form#quote-form .insurer-checkboxes label{
  min-height:var(--quote-field-h)!important;
}