/*
 * AstroShield Radar v1.2.2
 * Responsive layout correction for "Abschiedsflug & letzte Reise".
 * Loaded after mobile.css/tablet.css/desktop.css so the final grid stays stable.
 */

.journey-copy {
    width: 100%;
    max-width: none;
    min-width: 0;
}

.journey-metrics {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: clamp(10px, 0.9vw, 14px);
    width: 100%;
    min-width: 0;
}

.journey-metrics > div {
    min-width: 0;
    min-height: 112px;
    padding: clamp(13px, 1vw, 17px);
    overflow: hidden;
}

.journey-metrics span,
.journey-metrics strong,
.journey-metrics small {
    display: block;
    min-width: 0;
    max-width: 100%;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: auto;
}

.journey-metrics span {
    line-height: 1.35;
}

.journey-metrics strong {
    font-size: clamp(0.94rem, 1vw, 1.08rem);
    line-height: 1.22;
}

.journey-metrics small {
    line-height: 1.42;
}

#journey-countdown,
#journey-destruction-countdown {
    font-size: clamp(1.16rem, 1.55vw, 1.55rem);
    line-height: 1.15;
    letter-spacing: 0;
    white-space: nowrap;
}

#journey-speed {
    font-size: clamp(0.94rem, 1vw, 1.08rem);
    letter-spacing: -0.01em;
    white-space: nowrap;
}

/* Normal desktop and smaller notebooks: no seven squeezed cards. */
@media (min-width: 1100px) and (max-width: 1499px) {
    .journey-metrics {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Tablets, compact notebooks and narrow desktop windows. */
@media (min-width: 768px) and (max-width: 1099px) {
    .journey-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Phones: compact two-column summary, with both time cards full width. */
@media (max-width: 767px) {
    .journey-hero {
        padding: clamp(16px, 4.5vw, 22px);
    }

    .journey-kicker-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
    }

    .journey-badge {
        align-self: flex-start;
        max-width: 100%;
        white-space: normal;
        text-align: center;
    }

    .journey-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        margin-top: 17px;
    }

    .journey-metrics > div {
        min-height: 106px;
        padding: 12px;
    }

    .journey-metrics > div:first-child,
    .journey-reentry-metric,
    .journey-destruction-metric {
        grid-column: 1 / -1;
        min-height: 118px;
    }

    #journey-countdown,
    #journey-destruction-countdown {
        font-size: clamp(1.38rem, 7vw, 1.78rem);
    }

    #journey-speed {
        white-space: normal;
    }

    .journey-actions .button {
        flex: 1 1 100%;
        width: 100%;
    }

    .journey-orbit {
        right: -45%;
        opacity: 0.28;
    }
}

/* Very narrow displays and enlarged text: one card per row. */
@media (max-width: 359px) {
    .journey-metrics {
        grid-template-columns: minmax(0, 1fr);
    }

    .journey-reentry-metric,
    .journey-destruction-metric {
        grid-column: auto;
    }
}

/* Zoom/high text scaling safety. */
@media (min-resolution: 1dppx) {
    .journey-metrics > div {
        contain: inline-size;
    }
}