/* Generated from frontend/css/pages/round-journey.css by scripts/build_frontend.mjs. */
@layer pages {
    .round-journey {
        margin-bottom: var(--fb-space-8);
    }

    .round-journey__steps {
        display: grid;
        gap: var(--fb-space-3);
        grid-template-columns: repeat(5, minmax(0, 1fr));
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .round-journey__steps li {
        align-items: start;
        border-top: 2px solid var(--fb-color-border);
        color: var(--fb-color-muted);
        display: flex;
        font-size: var(--fb-text-sm);
        gap: var(--fb-space-2);
        padding-top: var(--fb-space-3);
    }

    .round-journey__steps li[aria-current="step"],
    .round-journey__steps li[data-complete="true"] {
        border-color: var(--fb-color-evergreen);
        color: var(--fb-color-evergreen);
    }

    .round-journey__steps li[aria-current="step"] {
        font-weight: var(--fb-font-weight-semibold);
    }

    .round-journey__steps small {
        display: block;
        font-size: var(--fb-text-xs);
        font-weight: var(--fb-font-weight-regular);
        margin-top: var(--fb-space-1);
    }

    .round-journey__number {
        font-variant-numeric: tabular-nums;
    }

    .round-journey__saved {
        align-items: center;
        background: var(--fb-color-sage);
        border: 1px solid var(--fb-color-border);
        border-radius: var(--fb-radius-control);
        display: flex;
        flex-wrap: wrap;
        gap: var(--fb-space-3) var(--fb-space-6);
        margin-top: var(--fb-space-5);
        padding: var(--fb-space-4) var(--fb-space-5);
    }

    .round-journey__saved div {
        flex: 1 1 12rem;
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .round-journey__saved strong {
        color: var(--fb-color-evergreen);
        display: block;
    }

    .round-journey__eyebrow,
    .round-journey__saved p {
        color: var(--fb-color-muted);
        font-size: var(--fb-text-sm);
        margin: 0;
    }

    .round-journey__saved p span {
        display: block;
        font-size: var(--fb-text-xs);
        margin-top: var(--fb-space-1);
    }

    .round-journey__saved a {
        align-items: center;
        color: var(--fb-color-evergreen);
        display: inline-flex;
        font-size: var(--fb-text-sm);
        font-weight: var(--fb-font-weight-semibold);
        min-height: 2.75rem;
        text-underline-offset: 0.2em;
    }

    @media (min-width: 42.001rem) and (max-height: 50rem) {
        .fb-auth--signin .round-journey {
            margin-bottom: var(--fb-space-3);
        }
    }

    @media (width <= 600px) {
        .round-journey__steps {
            gap: var(--fb-space-2);
        }

        .round-journey__steps li {
            display: block;
            font-size: var(--fb-text-xs);
            overflow-wrap: anywhere;
        }

        .round-journey__number {
            display: block;
            margin-bottom: var(--fb-space-1);
        }

        .round-journey__steps small {
            display: none;
        }
    }

    @media (width <= 440px) {
        .round-journey__steps {
            gap: var(--fb-space-3);
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .round-journey__steps li {
            overflow-wrap: normal;
        }
    }
}