.contact-point { --contact-label-color: var(--color-muted); --contact-hover-color: var(--color-accent); display: grid; gap: var(--contact-gap, var(--space-2)); min-inline-size: 0; }
.contact-point__label { margin: 0; color: var(--contact-label-color); font-size: var(--contact-label-size, var(--fs-small)); font-weight: 510; line-height: var(--line-height-control); }
.contact-point__value {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--contact-value-min-size, var(--control-min-size));
    max-inline-size: 100%;
    margin: 0;
    color: inherit;
    font-family: var(--font-heading);
    font-size: clamp(var(--fs-label-min), 2vw, var(--fs-label));
    line-height: var(--line-height-label);
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color var(--dur-fast) var(--ease-standard);
}
.contact-point__value:hover { color: var(--contact-hover-color); }
.contact-point--inverse { --contact-label-color: var(--color-inverse-caption); --contact-hover-color: var(--color-inverse-caption); }
@media (min-width: 75rem) {
    .contact-point__value { min-block-size: 0; }
}

.contact-point--navigation { --contact-label-size: var(--fs-body); --contact-label-color: var(--color-case-description); }