/* Keep existing field rows, values and links available to country CSS. */
:where(app-step-contact, app-step-alternative-contacts) .contact-method {
    position: relative;
    padding-inline-start: 24px;
    margin-block: 8px;
    overflow-wrap: anywhere;
}

:where(app-step-contact, app-step-alternative-contacts) .contact-method-icon {
    position: absolute;
    inset-inline-start: 0;
    top: 0.2em;
    width: 16px;
    text-align: center;
    color: var(--gray-800);
}

/* Multiple values share the icon and line up beneath one another. */
:where(app-step-contact, app-step-alternative-contacts) .contact-method > :where(span:not(.sr-only), a) {
    display: block;
}

/* Keep the complete label in the link and its native tooltip. */
:where(app-step-contact, app-step-alternative-contacts) .contact-method-link {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Empty address markup must not reserve a blank line. */
.contact-address {
    display: block;
}

.contact-address.has-address {
    margin-bottom: 16px;
}