/* Keep the italic fallback close to Instrument's advance width during font swap. */
@font-face {
    font-family: "Instrument Metric";
    src: local("Georgia Italic"), local("Georgia-Italic");
    font-style: italic;
    size-adjust: 81%;
}

.wa-index .wa-mast h1 em,
.journal-mast h1 em {
    font-family: Instrument, "Instrument Metric", Georgia, serif;
}

@media (max-width: 740px) {
    /* WebKit needs a definite inline size to resolve this grid item's aspect ratio. */
    .puro-feature .puro-art {
        width: 100%;
    }

    .flight-foot {
        align-items: center;
        column-gap: 8px;
    }

    .flight-foot .index-jump {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        font-weight: 550;
        text-decoration: underline;
        text-underline-offset: .25em;
    }

    .flight-foot .scroll-action {
        min-height: 44px;
    }
}

@media (max-width: 620px) {
    .wa-index .wa-mast {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .wa-index .wa-mast h1 {
        white-space: nowrap;
    }

    .journal-mast h1 em {
        line-height: inherit;
        vertical-align: top;
    }
}

@media (max-width: 385px) {
    .wa-index .wa-mast {
        grid-template-columns: minmax(0, 1fr);
    }

    .journal-mast h1 em {
        display: block;
    }
}

@media (orientation: landscape) and (max-height: 510px) {
    .flight .flight-stage {
        min-height: 0;
    }

    .flight-foot {
        bottom: max(9px, env(safe-area-inset-bottom));
    }

    .flight-foot .index-jump,
    .flight-foot .scroll-action {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }
}