/* Final override for the shared 21-day journey nav.
   This file is loaded after each page's inline CSS on purpose. */

html body .main-nav .nav-left .plan-switcher {
    --plan-w1: #2f8d7d !important;
    --plan-w2: #d89a3f !important;
    --plan-w3: #2f8d7d !important;
    --plan-task: #8b5cf6 !important;
    max-width: none !important;
}

html body #svc-switcher-menu.journey-nav {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    height: 46px !important;
    gap: 14px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

html body #svc-switcher-menu.journey-nav .journey-nav__title {
    height: 46px !important;
    /* Match the is-current chip's horizontal padding so the title text
       sits at the same x-position whether the index page is active or not
       — no left-edge jump when the highlight toggles. The transparent
       1px border reserves the chip border footprint so hover / is-current
       only swap colors, never reflow content. */
    padding: 0 16px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    border-radius: 999px !important;
}

html body #svc-switcher-menu.journey-nav .journey-nav__title:hover,
html body #svc-switcher-menu.journey-nav .journey-nav__title:focus-visible {
    /* Mirror the is-current chip on hover/focus so the title gets the
       same affordance as the WEEK steps. */
    background: rgba(255, 255, 255, 0.64) !important;
    border: 1px solid #d1ddd9 !important;
    border-radius: 999px !important;
}

/* Index ("/solopreneur-starter-kit/") is the journey overview: when JS marks
   the title as is-current, render it with the same pill chrome as a week
   step's is-current state. */
html body #svc-switcher-menu.journey-nav .journey-nav__title.is-current {
    padding: 0 16px !important;
    background: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid #bdd8d2 !important;
    border-radius: 999px !important;
    box-shadow: inset 0 0 0 1px rgba(189, 216, 210, 0.55) !important;
}

html body #svc-switcher-menu.journey-nav .journey-nav__title-stack {
    display: inline-flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: center !important;
    gap: 3px !important;
    height: 38px !important;
    transform: translateY(-2px) !important;
}

html body #svc-switcher-menu.journey-nav .journey-nav__title-eyebrow {
    color: #64748b !important;
    font-family: 'Outfit', 'Noto Sans TC', sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

html body #svc-switcher-menu.journey-nav .journey-nav__title-text {
    color: #0f172a !important;
    font-family: 'Outfit', 'Noto Sans TC', sans-serif !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 0.95 !important;
    text-shadow: none !important;
}

html body #svc-switcher-menu.journey-nav .journey-nav__title-rule {
    display: inline-flex !important;
    width: 2px !important;
    height: 30px !important;
    margin: 0 8px 0 2px !important;
    background: #cbd5e1 !important;
    border-radius: 1px !important;
    opacity: 0.85 !important;
}

html body #svc-switcher-menu.journey-nav .journey-nav__list {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    width: auto !important;
    max-width: none !important;
    height: 46px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body #svc-switcher-menu.journey-nav .journey-nav__list::before,
html body #svc-switcher-menu.journey-nav .journey-nav__list::after,
html body #svc-switcher-menu.journey-nav .journey-step::before,
html body #svc-switcher-menu.journey-nav .journey-step::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body #svc-switcher-menu.journey-nav .journey-step,
html body #svc-switcher-menu.journey-nav a.journey-step,
html body #svc-switcher-menu.journey-nav span.journey-step {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    /* Reserve the chip's 46px × 16px-padding footprint on every step,
       so hover / is-current only change colors — no layout shift. */
    height: 46px !important;
    min-width: 0 !important;
    padding: 0 16px !important;
    /* Gap between the WEEK badge and the step name (e.g. "WEEK 1" ↔ "建入口"). */
    gap: 12px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #0f172a !important;
    filter: none !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

html body #svc-switcher-menu.journey-nav .journey-step.is-current {
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: #bdd8d2 !important;
    box-shadow: inset 0 0 0 1px rgba(189, 216, 210, 0.55) !important;
}

html body #svc-switcher-menu.journey-nav a.journey-step:hover {
    background: rgba(255, 255, 255, 0.64) !important;
    border-color: #d1ddd9 !important;
}

html body #svc-switcher-menu.journey-nav .journey-step__badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: var(--step-ink, var(--plan-w1)) !important;
}

html body #svc-switcher-menu.journey-nav .journey-step--w1,
html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__badge {
    --step-ink: var(--plan-w1);
}

html body #svc-switcher-menu.journey-nav .journey-step--w2,
html body #svc-switcher-menu.journey-nav .journey-step--w2 .journey-step__badge {
    --step-ink: var(--plan-w2);
}

html body #svc-switcher-menu.journey-nav .journey-step--w3,
html body #svc-switcher-menu.journey-nav .journey-step--w3 .journey-step__badge {
    --step-ink: var(--plan-w3);
}

html body #svc-switcher-menu.journey-nav .journey-step__badge-side {
    display: inline-flex !important;
    color: color-mix(in srgb, var(--step-ink) 82%, #64748b) !important;
    font-family: 'Outfit', 'Noto Sans TC', sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

html body #svc-switcher-menu.journey-nav .journey-step__badge-num {
    position: relative !important;
    display: inline-flex !important;
    color: var(--step-ink) !important;
    font-family: 'Outfit', 'Noto Sans TC', sans-serif !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 0.9 !important;
}

html body #svc-switcher-menu.journey-nav .journey-step__badge-num::after {
    content: "" !important;
    position: absolute !important;
    /* Negative offsets so the underline extends past the digit on both
       sides (~2× the previous length, which only spanned the digit). */
    left: -2px !important;
    right: -2px !important;
    bottom: -4px !important;
    display: block !important;
    width: auto !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: var(--step-ink) !important;
    opacity: 0.48 !important;
}

html body #svc-switcher-menu.journey-nav .journey-step__name {
    display: inline-flex !important;
    color: #0f172a !important;
    font-family: 'Outfit', 'Noto Sans TC', sans-serif !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
}

html body #svc-switcher-menu.journey-nav .journey-step__name::after {
    content: none !important;
    display: none !important;
}

html body #svc-switcher-menu.journey-nav .journey-step__hint {
    display: inline-flex !important;
    align-items: center !important;
    height: 26px !important;
    margin-left: 8px !important;
    padding: 0 10px !important;
    gap: 6px !important;
    border: 2px dashed color-mix(in srgb, var(--plan-task) 62%, #ffffff) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #7c3aed !important;
    font-family: 'Outfit', 'Noto Sans TC', sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    transform: none !important;
}

html body #svc-switcher-menu.journey-nav .journey-step__hint::before {
    content: none !important;
    display: none !important;
}

html body #svc-switcher-menu.journey-nav .journey-step__hint-icon {
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 7px solid currentColor !important;
}

html body #svc-switcher-menu.journey-nav .journey-step__hint-text {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}

html body #svc-switcher-menu.journey-nav .journey-step--w1.is-popover-open .journey-step__hint-icon {
    transform: rotate(180deg) !important;
}

html body #svc-switcher-menu.journey-nav .journey-nav__arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 38px !important;
    margin: 0 !important;
    color: #cbd5e1 !important;
}

html body #svc-switcher-menu.journey-nav .journey-nav__arrow svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    stroke-width: 3 !important;
}

html body #svc-switcher-menu.journey-nav .journey-step__row {
    display: contents !important;
}

@media (min-width: 981px) {
    html body #svc-switcher-menu.journey-nav .journey-step--w1.is-current .journey-step__hint {
        border: 0 !important;
        background: color-mix(in srgb, var(--plan-task) 14%, #ffffff) !important;
        color: #7c3aed !important;
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--plan-task) 10%, transparent) !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1.is-current .journey-step__hint:hover,
    html body #svc-switcher-menu.journey-nav .journey-step--w1.is-current .journey-step__hint:focus-visible {
        border: 0 !important;
        background: color-mix(in srgb, var(--plan-task) 18%, #ffffff) !important;
    }
}

@media (max-width: 1180px) {
    html body #svc-switcher-menu.journey-nav {
        gap: 8px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__list {
        gap: 6px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__title-eyebrow {
        font-size: 10px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__title-text,
    html body #svc-switcher-menu.journey-nav .journey-step__name {
        font-size: 17px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge-side {
        font-size: 10px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge-num {
        font-size: 20px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__hint {
        height: 24px !important;
        margin-left: 4px !important;
        padding: 0 8px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 980px) {
    html body .main-nav .nav-left .plan-switcher {
        --journey-axis-x: 22px;
        position: relative !important;
    }

    html body #svc-switcher-menu.journey-nav {
        display: none !important;
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: 0 !important;
        right: auto !important;
        width: calc(100vw - 32px) !important;
        max-width: 420px !important;
        height: auto !important;
        gap: 10px !important;
        padding: 12px !important;
        background: #ffffff !important;
        border: 1px solid rgba(148, 163, 184, 0.3) !important;
        border-radius: 14px !important;
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18) !important;
        z-index: 9100 !important;
    }

    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        overflow: visible !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__title {
        height: auto !important;
        padding: 0 0 8px !important;
        border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__title-eyebrow {
        font-size: 10px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__title-text {
        font-size: 18px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__title-rule,
    html body #svc-switcher-menu.journey-nav .journey-nav__arrow {
        display: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__list {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        gap: 8px !important;
        padding: 24px 0 0 !important;
        overflow: visible !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__list::before {
        content: "" !important;
        position: absolute !important;
        display: block !important;
        top: 22px !important;
        bottom: 22px !important;
        left: calc(var(--journey-axis-x) - 1px) !important;
        width: 2px !important;
        height: auto !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: linear-gradient(180deg, var(--plan-w1), var(--plan-w2), var(--plan-w3)) !important;
        box-shadow: none !important;
        transform: none !important;
        z-index: 0 !important;
        pointer-events: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__list::after {
        content: none !important;
        display: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step,
    html body #svc-switcher-menu.journey-nav a.journey-step,
    html body #svc-switcher-menu.journey-nav span.journey-step,
    html body #svc-switcher-menu.journey-nav .journey-step.is-current {
        position: relative !important;
        z-index: 1 !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, auto) 1fr !important;
        align-items: center !important;
        justify-items: start !important;
        width: 100% !important;
        min-height: 42px !important;
        height: auto !important;
        padding: 5px 10px 5px 0 !important;
        gap: 7px !important;
        overflow: visible !important;
        border-radius: 12px !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        box-shadow: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step.is-current {
        background: color-mix(in srgb, var(--step-ink, var(--plan-w1)) 9%, #ffffff) !important;
        border-color: color-mix(in srgb, var(--step-ink, var(--plan-w1)) 24%, transparent) !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge-side {
        display: none !important;
        font-size: 10px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge {
        grid-column: 1 !important;
        position: relative !important;
        justify-self: center !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;
        background: #ffffff !important;
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--step-ink, var(--plan-w1)) 12%, transparent) !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge::before {
        content: "Week" !important;
        position: absolute !important;
        left: 50% !important;
        top: -26px !important;
        display: block !important;
        color: color-mix(in srgb, var(--step-ink, var(--plan-w1)) 76%, #64748b) !important;
        font-family: 'Outfit', 'Noto Sans TC', sans-serif !important;
        font-size: 8px !important;
        font-weight: 900 !important;
        letter-spacing: 0 !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
        transform: translateX(-50%) !important;
        pointer-events: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step.is-current .journey-step__badge {
        background: var(--step-ink, var(--plan-w1)) !important;
        color: #ffffff !important;
        box-shadow: 0 0 0 5px color-mix(in srgb, var(--step-ink, var(--plan-w1)) 18%, transparent) !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge-num {
        color: inherit !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge-num::after {
        content: none !important;
        display: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__name {
        grid-column: 2 !important;
        color: #0f172a !important;
        font-size: 15px !important;
        white-space: nowrap !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step.is-current .journey-step__name::after {
        content: "目前" !important;
        display: inline-flex !important;
        align-items: center !important;
        height: 18px !important;
        margin-left: 7px !important;
        padding: 0 7px !important;
        border-radius: 999px !important;
        background: color-mix(in srgb, var(--step-ink, var(--plan-w1)) 14%, #ffffff) !important;
        color: var(--step-ink, var(--plan-w1)) !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__hint {
        grid-column: 3 !important;
        justify-self: end !important;
        height: 26px !important;
        margin-left: 0 !important;
        padding: 0 10px !important;
        font-size: 13px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 {
        display: block !important;
        min-height: 0 !important;
        height: auto !important;
        margin-bottom: 0 !important;
        padding: 5px 10px 12px 0 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__row {
        display: grid !important;
        grid-template-columns: 44px minmax(0, auto) 1fr !important;
        align-items: center !important;
        gap: 7px !important;
        min-height: 42px !important;
        width: 100% !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__badge {
        grid-column: 1 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__name {
        grid-column: 2 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__hint {
        grid-column: 3 !important;
        align-self: center !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover {
        position: static !important;
        display: grid !important;
        align-self: stretch !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: calc(100% - 44px) !important;
        min-width: 0 !important;
        margin: 9px 0 0 44px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        transition: none !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover::before,
    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover::after {
        content: none !important;
        display: none !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-card {
        display: grid !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;
        min-height: 54px !important;
        min-width: 0 !important;
        padding: 7px !important;
        border: 1px solid rgba(148, 163, 184, 0.22) !important;
        border-radius: 10px !important;
        background: #f8fafc !important;
        text-decoration: none !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-img {
        width: 34px !important;
        height: 34px !important;
        border-radius: 8px !important;
        object-fit: cover !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-title {
        display: block !important;
        color: #0f172a !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-desc {
        display: block !important;
        margin-top: 2px !important;
        color: #64748b !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
    }
}

@media (max-width: 700px) {
    html body .main-nav {
        justify-content: space-between !important;
        min-height: 58px !important;
        padding: 6px 14px !important;
    }

    html body .main-nav .nav-left {
        width: 100% !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 10px !important;
    }

    html body .main-nav .logo-img-link {
        display: flex !important;
        flex: 0 0 auto !important;
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    html body .main-nav .logo-img {
        width: 130px !important;
        height: auto !important;
    }

    html body .main-nav .nav-left .plan-switcher {
        --journey-axis-x: 22px;
        position: relative !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: calc(100vw - 178px) !important;
        margin-left: auto !important;
    }

    html body .main-nav .nav-left .plan-switcher__trigger.svc-switcher__btn.toolkit-switcher-btn {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        padding: 0 12px !important;
        gap: 7px !important;
        border: 2px solid rgba(203, 213, 225, 0.82) !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08) !important;
        color: #0f172a !important;
        font-size: 14px !important;
        overflow: hidden !important;
    }

    html body .main-nav .nav-left .plan-switcher__trigger.svc-switcher__btn.toolkit-switcher-btn::before {
        content: none !important;
        display: none !important;
    }

    html body .main-nav .nav-left .plan-switcher__trigger .journey-nav__trigger-copy {
        position: static !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
        pointer-events: none !important;
    }

    html body .main-nav .nav-left .plan-switcher__trigger .journey-nav__title-stack {
        position: static !important;
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: baseline !important;
        justify-content: center !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        height: auto !important;
        gap: 4px !important;
        transform: none !important;
    }

    html body .main-nav .nav-left .plan-switcher__trigger .journey-nav__title-eyebrow {
        color: #64748b !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        letter-spacing: 0.08em !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    html body .main-nav .nav-left .plan-switcher__trigger .journey-nav__title-text {
        color: #0f172a !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    html body .main-nav .nav-left .plan-switcher__trigger .journey-nav__current {
        position: static !important;
        display: inline-flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        color: var(--plan-current, var(--plan-w2)) !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body .main-nav .nav-left .plan-switcher__trigger .svc-switcher__chevron {
        display: block !important;
        position: static !important;
        flex: 0 0 auto !important;
        width: 10px !important;
        height: 6px !important;
        color: #94a3b8 !important;
        transform: none !important;
        transition: transform 0.16s ease !important;
    }

    html body .main-nav .nav-left .plan-switcher__trigger[aria-expanded="true"] .svc-switcher__chevron {
        transform: rotate(180deg) !important;
    }

    html body #svc-switcher-menu.journey-nav {
        display: none !important;
        position: absolute !important;
        top: calc(100% + 8px) !important;
        left: auto !important;
        right: 0 !important;
        width: calc(100vw - 28px) !important;
        max-width: 360px !important;
        height: auto !important;
        gap: 10px !important;
        padding: 12px !important;
        background: #ffffff !important;
        border: 1px solid rgba(148, 163, 184, 0.3) !important;
        border-radius: 14px !important;
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18) !important;
    }

    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        overflow: visible !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__title {
        height: auto !important;
        padding: 0 0 8px !important;
        border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__title-eyebrow {
        font-size: 10px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__title-text {
        font-size: 18px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__title-rule,
    html body #svc-switcher-menu.journey-nav .journey-nav__arrow {
        display: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__list {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        gap: 8px !important;
        padding: 24px 0 0 !important;
        overflow: visible !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__list::before {
        content: "" !important;
        position: absolute !important;
        display: block !important;
        top: 22px !important;
        bottom: 22px !important;
        left: calc(var(--journey-axis-x) - 1px) !important;
        width: 2px !important;
        height: auto !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: linear-gradient(180deg, var(--plan-w1), var(--plan-w2), var(--plan-w3)) !important;
        box-shadow: none !important;
        transform: none !important;
        z-index: 0 !important;
        pointer-events: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step,
    html body #svc-switcher-menu.journey-nav a.journey-step,
    html body #svc-switcher-menu.journey-nav span.journey-step,
    html body #svc-switcher-menu.journey-nav .journey-step.is-current {
        position: relative !important;
        z-index: 1 !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, auto) 1fr !important;
        align-items: center !important;
        justify-items: start !important;
        width: 100% !important;
        min-height: 42px !important;
        height: auto !important;
        padding: 5px 10px 5px 0 !important;
        gap: 7px !important;
        overflow: visible !important;
        border-radius: 12px !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        box-shadow: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step.is-current {
        background: color-mix(in srgb, var(--step-ink, var(--plan-w1)) 9%, #ffffff) !important;
        border-color: color-mix(in srgb, var(--step-ink, var(--plan-w1)) 24%, transparent) !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge-side {
        display: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge {
        grid-column: 1 !important;
        position: relative !important;
        justify-self: center !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;
        background: #ffffff !important;
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--step-ink, var(--plan-w1)) 12%, transparent) !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge::before {
        content: "Week" !important;
        position: absolute !important;
        left: 50% !important;
        top: -26px !important;
        display: block !important;
        color: color-mix(in srgb, var(--step-ink, var(--plan-w1)) 76%, #64748b) !important;
        font-family: 'Outfit', 'Noto Sans TC', sans-serif !important;
        font-size: 8px !important;
        font-weight: 900 !important;
        letter-spacing: 0 !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
        transform: translateX(-50%) !important;
        pointer-events: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step.is-current .journey-step__badge {
        background: var(--step-ink, var(--plan-w1)) !important;
        color: #ffffff !important;
        box-shadow: 0 0 0 5px color-mix(in srgb, var(--step-ink, var(--plan-w1)) 18%, transparent) !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge-side {
        font-size: 10px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge-num {
        color: inherit !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge-num::after {
        content: none !important;
        display: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__name {
        grid-column: 2 !important;
        color: #0f172a !important;
        font-size: 15px !important;
        white-space: nowrap !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step.is-current .journey-step__name::after {
        content: "目前" !important;
        display: inline-flex !important;
        align-items: center !important;
        margin-left: 7px !important;
        height: 18px !important;
        padding: 0 7px !important;
        border-radius: 999px !important;
        background: color-mix(in srgb, var(--step-ink, var(--plan-w1)) 14%, #ffffff) !important;
        color: var(--step-ink, var(--plan-w1)) !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__hint {
        grid-column: 3 !important;
        justify-self: end !important;
        height: 26px !important;
        margin-left: 0 !important;
        padding: 0 10px !important;
        font-size: 13px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 {
        display: block !important;
        min-height: 0 !important;
        height: auto !important;
        margin-bottom: 12px !important;
        padding: 5px 10px 14px 0 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__row {
        display: grid !important;
        grid-template-columns: 44px minmax(0, auto) 1fr !important;
        align-items: center !important;
        gap: 7px !important;
        min-height: 42px !important;
        width: 100% !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__badge {
        grid-column: 1 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__name {
        grid-column: 2 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__hint {
        grid-column: 3 !important;
        align-self: center !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover {
        position: static !important;
        display: grid !important;
        align-self: stretch !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: calc(100% - 44px) !important;
        min-width: 0 !important;
        margin: 9px 0 0 44px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover::before,
    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover::after {
        content: none !important;
        display: none !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-card {
        display: grid !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;
        min-height: 54px !important;
        min-width: 0 !important;
        padding: 7px !important;
        border: 1px solid rgba(148, 163, 184, 0.22) !important;
        border-radius: 10px !important;
        background: #f8fafc !important;
        text-decoration: none !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-img {
        width: 34px !important;
        height: 34px !important;
        border-radius: 8px !important;
        object-fit: cover !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-title {
        display: block !important;
        color: #0f172a !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-desc {
        display: block !important;
        margin-top: 2px !important;
        color: #64748b !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
    }
}

/* Responsive journey list: simple document flow, numbered steps, down arrows.
   This intentionally disables the timeline line so W1's cards can own height. */
@media (max-width: 980px) {
    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open .journey-nav__list,
    html body #svc-switcher-menu.journey-nav .journey-nav__list {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin-top: 16px !important;
        gap: 8px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__list::before,
    html body #svc-switcher-menu.journey-nav .journey-nav__list::after {
        content: none !important;
        display: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step,
    html body #svc-switcher-menu.journey-nav a.journey-step,
    html body #svc-switcher-menu.journey-nav span.journey-step,
    html body #svc-switcher-menu.journey-nav .journey-step.is-current {
        position: relative !important;
        z-index: 1 !important;
        display: grid !important;
        grid-template-columns: 38px minmax(0, auto) 1fr !important;
        align-items: center !important;
        justify-items: start !important;
        width: 100% !important;
        min-height: 46px !important;
        height: auto !important;
        padding: 8px 10px !important;
        gap: 9px !important;
        overflow: visible !important;
        border: 1px solid rgba(148, 163, 184, 0.16) !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step.is-current {
        background: color-mix(in srgb, var(--step-ink, var(--plan-w1)) 9%, #ffffff) !important;
        border-color: color-mix(in srgb, var(--step-ink, var(--plan-w1)) 30%, rgba(148, 163, 184, 0.16)) !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge-side {
        display: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge {
        grid-column: 1 !important;
        justify-self: center !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;
        background: color-mix(in srgb, var(--step-ink, var(--plan-w1)) 16%, #ffffff) !important;
        color: var(--step-ink, var(--plan-w1)) !important;
        box-shadow: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step.is-current .journey-step__badge {
        background: var(--step-ink, var(--plan-w1)) !important;
        color: #ffffff !important;
        box-shadow: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge-num {
        color: inherit !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge-num::after {
        content: none !important;
        display: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__name {
        grid-column: 2 !important;
        min-width: 0 !important;
        color: #0f172a !important;
        font-size: 17px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step.is-current .journey-step__name::after {
        content: "目前" !important;
        display: inline-flex !important;
        align-items: center !important;
        height: 18px !important;
        margin-left: 7px !important;
        padding: 0 7px !important;
        border-radius: 999px !important;
        background: color-mix(in srgb, var(--step-ink, var(--plan-w1)) 14%, #ffffff) !important;
        color: var(--step-ink, var(--plan-w1)) !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__hint {
        grid-column: 3 !important;
        justify-self: end !important;
        height: 24px !important;
        margin-left: 0 !important;
        padding: 0 9px !important;
        font-size: 12px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1,
    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open .journey-step--w1 {
        display: block !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 8px 10px 10px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__row,
    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open .journey-step--w1 .journey-step__row {
        display: grid !important;
        grid-template-columns: 38px minmax(0, auto) 1fr !important;
        align-items: center !important;
        gap: 9px !important;
        width: 100% !important;
        min-height: 34px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__badge {
        grid-column: 1 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__name {
        grid-column: 2 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__hint {
        grid-column: 3 !important;
        align-self: center !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover,
    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open .plan-mini-step__popover {
        position: static !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 9px 0 0 !important;
        padding: 0 0 0 47px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        transition: none !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover::before,
    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover::after {
        content: none !important;
        display: none !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-card {
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 9px !important;
        min-height: 58px !important;
        min-width: 0 !important;
        padding: 8px !important;
        border: 1px solid rgba(148, 163, 184, 0.22) !important;
        border-radius: 10px !important;
        background: #f8fafc !important;
        text-decoration: none !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-img {
        width: 42px !important;
        height: 42px !important;
        border-radius: 8px !important;
        object-fit: cover !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-title {
        display: block !important;
        color: #0f172a !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-desc {
        display: block !important;
        margin-top: 2px !important;
        color: #64748b !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__arrow,
    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open .journey-nav__arrow {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 18px !important;
        margin: -2px 0 !important;
        color: #94a3b8 !important;
        pointer-events: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__arrow svg,
    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open .journey-nav__arrow svg {
        display: block !important;
        width: 18px !important;
        height: 18px !important;
        transform: rotate(90deg) !important;
        stroke-width: 2.6 !important;
    }
}

@media (max-width: 700px) {
    html body #svc-switcher-menu.journey-nav .journey-step,
    html body #svc-switcher-menu.journey-nav a.journey-step,
    html body #svc-switcher-menu.journey-nav span.journey-step,
    html body #svc-switcher-menu.journey-nav .journey-step.is-current {
        grid-template-columns: 36px minmax(0, auto) 1fr !important;
        padding: 8px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 {
        padding: 8px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__row {
        grid-template-columns: 36px minmax(0, auto) 1fr !important;
        gap: 8px !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover {
        padding-left: 44px !important;
    }
}

@media (max-width: 980px) {
    html body #svc-switcher-menu.journey-nav {
        background: #ffffff !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__list {
        gap: 10px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step,
    html body #svc-switcher-menu.journey-nav a.journey-step,
    html body #svc-switcher-menu.journey-nav span.journey-step,
    html body #svc-switcher-menu.journey-nav .journey-step.is-current {
        grid-template-columns: 40px minmax(0, auto) 1fr !important;
        min-height: 54px !important;
        padding: 10px 12px !important;
        gap: 10px !important;
        border-color: rgba(203, 213, 225, 0.72) !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04) !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step.is-current {
        background: #fffaf2 !important;
        border-color: rgba(216, 154, 63, 0.34) !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge {
        width: 36px !important;
        height: 36px !important;
        background: rgba(47, 141, 125, 0.12) !important;
        color: var(--step-ink, #2f8d7d) !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step.is-current .journey-step__badge {
        background: var(--step-ink, #d89a3f) !important;
        color: #ffffff !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__badge-num {
        font-size: 18px !important;
        font-weight: 900 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__name {
        font-size: 18px !important;
        line-height: 1.15 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step.is-current .journey-step__name::after {
        background: rgba(216, 154, 63, 0.16) !important;
        color: #b7791f !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__hint {
        height: 22px !important;
        padding: 0 8px !important;
        border: 1px solid rgba(139, 92, 246, 0.22) !important;
        border-radius: 8px !important;
        background: rgba(139, 92, 246, 0.09) !important;
        color: #7c3aed !important;
        box-shadow: none !important;
        cursor: default !important;
        pointer-events: none !important;
        transform: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__hint::before,
    html body #svc-switcher-menu.journey-nav .journey-step__hint-icon {
        content: none !important;
        display: none !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step__hint-text {
        font-size: 12px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1,
    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open .journey-step--w1 {
        padding: 12px !important;
        background: #ffffff !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__row,
    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open .journey-step--w1 .journey-step__row {
        grid-template-columns: 40px minmax(0, auto) 1fr !important;
        min-height: 36px !important;
        gap: 10px !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover,
    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open .plan-mini-step__popover {
        gap: 9px !important;
        margin-top: 12px !important;
        padding-left: 50px !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-card {
        grid-template-columns: 52px minmax(0, 1fr) !important;
        gap: 11px !important;
        min-height: 70px !important;
        padding: 9px 10px !important;
        border-color: rgba(203, 213, 225, 0.78) !important;
        border-radius: 12px !important;
        background: #f8fafc !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-card:hover,
    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-card:focus-visible {
        border-color: rgba(47, 141, 125, 0.38) !important;
        background: #ffffff !important;
        outline: none !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-img {
        width: 52px !important;
        height: 52px !important;
        border-radius: 10px !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-title {
        font-size: 14px !important;
        line-height: 1.22 !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover-desc {
        margin-top: 4px !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__arrow,
    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open .journey-nav__arrow {
        height: 16px !important;
        margin: -2px 0 !important;
        color: #94a3b8 !important;
        opacity: 0.75 !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-nav__arrow svg,
    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open .journey-nav__arrow svg {
        width: 16px !important;
        height: 16px !important;
        stroke-width: 2.4 !important;
    }
}

@media (max-width: 700px) {
    html body #svc-switcher-menu.journey-nav .journey-step,
    html body #svc-switcher-menu.journey-nav a.journey-step,
    html body #svc-switcher-menu.journey-nav span.journey-step,
    html body #svc-switcher-menu.journey-nav .journey-step.is-current {
        grid-template-columns: 38px minmax(0, auto) 1fr !important;
        padding: 10px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1,
    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open .journey-step--w1 {
        padding: 10px !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__row,
    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open .journey-step--w1 .journey-step__row {
        grid-template-columns: 38px minmax(0, auto) 1fr !important;
        gap: 9px !important;
    }

    html body #svc-switcher-menu.journey-nav .plan-mini-step__popover,
    html body #svc-switcher-menu.journey-nav.svc-switcher__menu--open .plan-mini-step__popover {
        padding-left: 47px !important;
    }
}

@media (min-width: 981px) {
    html body #svc-switcher-menu.journey-nav .journey-step--w1.is-current .journey-step__hint {
        border: 0 !important;
        background: #f3edff !important;
        color: #7c3aed !important;
        box-shadow: inset 0 0 0 1px rgba(139, 92, 246, 0.08) !important;
    }

    html body #svc-switcher-menu.journey-nav .journey-step--w1.is-current .journey-step__hint:hover,
    html body #svc-switcher-menu.journey-nav .journey-step--w1.is-current .journey-step__hint:focus-visible,
    html body #svc-switcher-menu.journey-nav .journey-step--w1.is-current.is-popover-open .journey-step__hint {
        border: 0 !important;
        background: #ede3ff !important;
        color: #6d28d9 !important;
    }
}

/* WEEK 1 badge: force pure purple (override the color-mix on __badge-side) */
html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__badge,
html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__badge-side,
html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__badge-num {
    color: #7c3aed !important;
}

html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__badge-num::after {
    background: #7c3aed !important;
}

html body #svc-switcher-menu.journey-nav .journey-step--w1 .journey-step__badge::before {
    color: #7c3aed !important;
}