/* Contact-step summary only: the calculator controls keep their shared styling. */
.contact-summary { display: none; }
.contact-summary[hidden] { display: none !important; }
.contact-heading-short { display: none; }
@media (max-width: 991.98px) {
    #start-form:has(#contact-summary),
    #widget-compose-application:has(#contact-summary) .start-return-bar { --first-step-caption: block; }
    .contact-summary { display: block; margin-top: 12px; }
    .contact-summary-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
    .contact-summary-values { display: flex; flex-wrap: wrap; gap: 10px 24px; flex: 1 1 0; min-width: min-content; max-width: 100%; margin: 0; }
    .contact-summary-values > div { min-width: 0; }
    #contact-summary p { margin: 0; overflow-wrap: anywhere; }
    #contact-summary-edit { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: none; min-width: 44px; min-height: 44px; margin-left: auto; padding: 10px 8px; font: inherit; font-size: .875rem; font-weight: 500; line-height: 1.3; cursor: pointer; -webkit-tap-highlight-color: transparent; }
    #contact-summary-edit svg { flex: none; }
    #contact-summary-edit .contact-summary-check,
    #contact-summary-edit[aria-expanded="true"] .contact-summary-pencil { display: none; }
    #contact-summary-edit[aria-expanded="true"] .contact-summary-check { display: block; }
    :root[data-first-step-large-text="1"] #contact-summary-edit [data-summary-edit-label] { display: none; }
    #contact-summary .contact-summary-heading { margin-top: 16px; font-size: 1.125rem; font-weight: 600; }
    :root[data-first-step-large-text="1"] #contact-summary .contact-summary-heading { margin-top: 12px; }
    :root[data-first-step-large-text="1"] #contact-summary .contact-heading-full { display: none; }
    :root[data-first-step-large-text="1"] #contact-summary .contact-heading-short { display: inline; }
    #start-form[data-contact-summary="collapsed"] #compose-view-header,
    #start-form[data-contact-summary] > .mobile-hero-card-head { display: none !important; }
}
@media (hover: hover) and (max-width: 991.98px) {
    #contact-summary-edit:hover [data-summary-edit-label] { text-decoration: underline; text-underline-offset: 3px; }
}
@media (max-width: 359.98px) {
    .contact-summary-row { gap: 12px; }
    #contact-summary-edit [data-summary-edit-label] { display: none; }
}
@media (max-width: 991.98px) and (height < 400px) {
    :root body.mobile-hero-page #start-form:has(#contact-summary):has(#cta-start) .mobile-hero-trust-short { margin-top: 0 !important; }
}