@media (max-width: 1080px) {
    .provider-layout { grid-template-columns: 14.5rem minmax(0, 1fr); }
    .provider-sidebar { padding-inline: .9rem; }
    .provider-sidebar__brand img { width: 5.8rem; }
    .provider-sidebar__brand small { display: none; }
    .provider-progress { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
    .provider-account {
        width: min(100% - 1rem, 42rem);
        padding: 1rem 0 2rem;
    }

    .provider-account > .provider-brand { margin: .35rem .75rem 1rem; }
    .provider-account > .provider-locale-switch {
        position: static;
        display: flex;
        width: max-content;
        margin: 0 .75rem 1.25rem auto;
    }
    .provider-account__card {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 1.5rem;
        border-radius: var(--mc-radius-lg);
    }

    .provider-account__intro h1 { max-width: 13ch; font-size: clamp(2.1rem, 11vw, 3.25rem); }
    .provider-account__benefits { display: none; }
    .provider-account .provider-feedback,
    .provider-account .provider-form,
    .provider-account [data-provider-screen="two-factor"] { grid-column: 1; }
    .provider-layout { display: block; padding-bottom: calc(5rem + env(safe-area-inset-bottom)); }
    .provider-sidebar {
        position: static;
        display: block;
        width: 0;
        height: 0;
        padding: 0;
        border: 0;
    }

    .provider-sidebar__brand,
    .provider-sidebar__note { display: none; }
    .provider-nav {
        position: fixed;
        right: .65rem;
        bottom: max(.65rem, env(safe-area-inset-bottom));
        left: .65rem;
        z-index: 60;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: .2rem;
        padding: .4rem;
        border: 1px solid oklch(0.91 0.008 258 / .9);
        border-radius: 1.3rem;
        background: oklch(1 0 0 / .94);
        box-shadow: 0 1rem 3rem oklch(0.24 0.025 258 / .2);
        backdrop-filter: blur(16px);
    }

    .provider-nav a {
        display: grid;
        min-width: 0;
        min-height: 3.7rem;
        place-items: center;
        gap: .15rem;
        padding: .4rem .2rem;
        border-radius: 1rem;
        font-size: .64rem;
    }

    .provider-nav a .material-symbols-rounded { font-size: 1.35rem; }
    .provider-nav a[aria-current="page"] { box-shadow: none; }
    .provider-nav__alert-badge {
        position: absolute;
        top: .2rem;
        right: calc(50% - 1.25rem);
        min-width: 1rem;
        height: 1rem;
        padding: 0 .2rem;
        font-size: .55rem;
    }
    .provider-state-alert { grid-template-columns: auto minmax(0, 1fr); }
    .provider-state-alert__action { grid-column: 2; justify-self: start; }
    .provider-topbar { min-height: 4.4rem; padding: .7rem 1rem; }
    .provider-topbar__title strong { font-size: .92rem; }
    .provider-topbar__title span { display: none; }
    .provider-button--quiet { min-width: 2.9rem; min-height: 2.9rem; padding: .6rem; }
    .provider-button--quiet > span:last-child { display: none; }
    .provider-main { width: min(100% - 1rem, 44rem); padding: 1rem 0 1.5rem; }
    .provider-stage,
    .provider-card { padding: 1.25rem; border-radius: var(--mc-radius-md); }
    .provider-progress,
    .provider-editor { grid-template-columns: 1fr; }
    .provider-progress li { min-height: auto; }
    .provider-category-row { grid-template-columns: minmax(0, 1fr) auto; }
    .provider-location-map { min-height: 16rem; }
}

.provider-state-alert { animation: provider-state-alert-enter .18s ease-out; }
@keyframes provider-state-alert-enter {
    from { opacity: 0; transform: translateY(-.25rem); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 390px) {
    .provider-nav { right: .35rem; bottom: max(.35rem, env(safe-area-inset-bottom)); left: .35rem; }
    .provider-nav a { font-size: .58rem; }
    .provider-account__card { padding: 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
    .provider-state-alert { animation: none; }
    .provider-root *,
    .provider-root *::before,
    .provider-root *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}