/* At a Glance: tall infographic scaled to ~one viewport height; padded, not full-bleed. */

.eald-at-a-glance {
    box-sizing: border-box;
    width: 100%;
    max-width: min(67.76rem, 100%);
    margin-left: auto;
    margin-right: auto;
    padding: clamp(1rem, 2.5vw, 1.75rem) clamp(1rem, 3.5vw, 2rem);
}

.eald-at-a-glance__frame {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.eald-at-a-glance__img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    /* Full graphic visible with at most ~one viewport of scroll (image <= ~2 viewports minus shell) */
    max-height: min(calc(200dvh - 9rem), calc(200vh - 9rem));
    object-fit: contain;
}

@media (max-width: 640px) {
    .eald-at-a-glance__img {
        max-height: min(calc(200dvh - 7rem), calc(200vh - 7rem));
    }
}