/* .126: preserve the journey controls; remove only the redundant painted
   selection badge on a one-tap, auto-advancing question. The real radio,
   checked-card border, keyboard focus ring and consent controls are unchanged. */
body[data-zmx126] form[data-zmx118-auto-choice] .zmx117-option-check[aria-hidden="true"] {
  display:none !important;
}
body[data-zmx126] form[data-zmx118-auto-choice] .zmx117-option--secondary .zmx117-option-face {
  padding-right:.75rem;
}
body[data-zmx126] form[data-zmx118-auto-choice] .zmx117-option--secondary > input:checked + .zmx117-option-face {
  padding-right:calc(.75rem - 1px);
}

@media (max-width:767px) {
  /* Content actions only: never navigation, a carousel toolbar or a form's
     Back/Continue row. Keep each group's existing vertical position. */
  body[data-zmx126][data-zmx-route][data-zmx114] main :is(
    .hero-actions,
    .cta-actions,
    .story-actions,
    .service-actions,
    .zmx-dot82-actions,
    .zmx109-solution-card__actions,
    .zmx-res-actions,
    .zmx-res-service-tiles__actions,
    .zmx103-res-about-actions,
    .zmx105-guide-card__actions,
    .about-proof-cta
  ) {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:.65rem !important;
    width:100% !important;
    max-width:28rem;
    min-width:0;
    margin-inline:auto !important;
    text-align:center;
  }
  body[data-zmx126][data-zmx-route][data-zmx114] main :is(
    .hero-actions,
    .cta-actions,
    .story-actions,
    .service-actions,
    .zmx-dot82-actions,
    .zmx109-solution-card__actions,
    .zmx-res-actions,
    .zmx-res-service-tiles__actions,
    .zmx103-res-about-actions,
    .zmx105-guide-card__actions,
    .about-proof-cta
  ) > :is(a,button):not([hidden]) {
    display:flex !important;
    flex:0 0 auto !important;
    align-items:center;
    justify-content:center !important;
    align-self:center !important;
    width:100% !important;
    max-width:100%;
    min-width:0;
    min-height:44px;
    box-sizing:border-box;
    margin-inline:auto !important;
    white-space:normal;
    text-align:center !important;
  }

  /* Standalone marketing actions have no action-group wrapper. Center the
     visible button itself, leaving the surrounding copy and form fields alone. */
  body[data-zmx126][data-zmx-route][data-zmx114] main :is(
    .zmx103-route-visual__copy > .zmx102-primary-link,
    .zmx102-res-live-guide > div > .zmx-res-button,
    .zmx103-res-utility--guides > div > .zmx-res-button,
    .zmx103-res-utility--referrals > div > .zmx-res-button,
    .zmx-res-button[data-cta-location="referral-action"],
    .zmx110-coverage-summary > .zmx102-button,
    .zmx110-coverage-summary > .zmx-res-button,
    .zmx105-checklist-band .zmx105-container > .zmx105-button,
    .zmx117-story-content > .zmx117-start,
    .hero-action > .primary-btn,
    .final-card > .primary-btn,
    .about-final-content > .primary-btn,
    .cta-box > .primary-btn,
    .cta-box > .btn,
    .service-content > .outline-btn
  ):not([hidden]) {
    display:flex !important;
    align-items:center;
    justify-content:center !important;
    align-self:center !important;
    justify-self:center !important;
    width:fit-content !important;
    max-width:min(28rem,100%);
    min-width:0;
    min-height:44px;
    box-sizing:border-box;
    margin-inline:auto !important;
    white-space:normal;
    text-align:center !important;
  }

  /* The guide disclosure remains an ordinary native details control. Only
     its closed summary is centered; its expanded guidance stays left-aligned. */
  body[data-zmx126] main .zmx105-guide-card__actions > details {
    width:100%;
    min-width:0;
    box-sizing:border-box;
    text-align:left;
  }
  body[data-zmx126] main .zmx105-guide-card__actions > details > summary {
    text-align:center;
  }

  /* Center the entire reassurance stack beneath the guide hero actions.
     Each row keeps a fixed tick column, so differing copy lengths do not
     scatter the ticks across the screen. No content or pseudo-tick is added. */
  body[data-zmx126][data-zmx-route="/resources/"] main .hero .hero-pills,
  body[data-zmx126][data-zmx-route="/residential/guides/"] main .zmx-res-hero-pills {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    justify-content:center !important;
    justify-items:stretch !important;
    align-items:start !important;
    gap:.45rem !important;
    width:fit-content !important;
    max-width:100% !important;
    margin-inline:auto !important;
    text-align:left !important;
  }
  body[data-zmx126][data-zmx-route="/resources/"] main .hero .hero-pills > .hero-pill,
  body[data-zmx126][data-zmx-route="/residential/guides/"] main .zmx-res-hero-pills > span {
    display:grid !important;
    grid-template-columns:1rem minmax(0,1fr) !important;
    align-items:start !important;
    gap:.5rem !important;
    width:100% !important;
    min-width:0;
    box-sizing:border-box;
    text-align:left !important;
    white-space:normal !important;
  }
}