/* ===== group-average-age-type-v1 =====
   "Select Group Average Age" and its 30-70 choices are the only decision on
   that row, so they are set at a readable size. The many earlier group rules
   were collapsing them to about 10px; this sheet loads last and states the
   size outright. */
#quote-form #groupComposition .group-average-age-row .group-average-label,
#quote-form #groupComposition .group-average-age-row .group-average-copy .group-average-label{
  font-size:14px!important;
  font-weight:800!important;
  color:#334155!important;
  letter-spacing:0!important;
}
#quote-form #groupComposition .group-average-age-row .group-average-label em,
#quote-form #groupComposition .group-average-age-row .group-average-copy .group-average-label em{
  font-size:14px!important;
  font-weight:800!important;
}
#quote-form #groupComposition .group-average-age-row .group-age-options{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:7px!important;
  grid-template-columns:none!important;
  margin:0!important;
}
#quote-form #groupComposition .group-average-age-row .group-age-options label span{
  width:auto!important;
  min-width:52px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 12px!important;
  font-size:15px!important;
  font-weight:800!important;
  border-radius:10px!important;
}
@media (max-width:700px){
  #quote-form #groupComposition .group-average-age-row .group-average-label,
  #quote-form #groupComposition .group-average-age-row .group-average-copy .group-average-label{
    font-size:13px!important;
  }
  #quote-form #groupComposition .group-average-age-row .group-age-options label span{
    min-width:44px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 8px!important;
    font-size:14px!important;
  }
}
/* ===== group-instruction-type-v1 =====
   The Group Composition instruction line - "Enter Number of Families by Family
   Size (M+# = Principal + Dependants)" - reads at a size the client can use,
   not the collapsed scale the older group rules were leaving it at. */
#quote-form #groupComposition .group-plain-heading small {
    font-size: 14px !important;
    line-height: 1.45 !important;
}

#quote-form #groupComposition .group-plain-heading small strong {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #1f3d2c !important;
}

#quote-form #groupComposition .group-plain-heading small em {
    font-size: 13px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    color: #475569 !important;
}

@media (max-width: 700px) {
    #quote-form #groupComposition .group-plain-heading small,
    #quote-form #groupComposition .group-plain-heading small strong {
        font-size: 12.5px !important;
    }

    #quote-form #groupComposition .group-plain-heading small em {
        font-size: 12px !important;
    }
}