/* v17 — SVG Ring: slide-in steps, dark mode support */

.dial-progress-flow__pane {
    animation: dial-progress-flow-pane-enter-kf 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes dial-progress-flow-pane-enter-kf {
    from { opacity: 0; transform: translateX(20px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* Percentage label */
.dial-progress-flow__orbit-label {
    pointer-events: none;
    user-select: none;
}

/* Responsive: ring section wraps on very small screens */
@media (max-width: 400px) {
    .dial-progress-flow .flex.items-start.justify-between {
        flex-direction: column-reverse;
        gap: 0.5rem;
    }
    .dial-progress-flow .flex.items-start.justify-between > div:first-child {
        width: 100%;
    }
}

.contact-us-flex__min {
    min-width: 0;
}

.contact-us-media__cover {
    object-fit: cover;
}

/* contact-split — full-height image needs object-fit (no BS util) */
.contact-split__img {
    object-fit: cover;
    min-height: 16rem;
    max-height: 28rem;
}

/* contact-split — icon cell size (TW rounded padding has no fixed-size BS util) */
.contact-split__icon {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}