/* Wide structure. Root scaling owns typography and spacing; no local font
   floors/clamps. Two real rows reserve all accumulating step copy. */
@media (min-width: 1101px), (min-width: 601px) and (aspect-ratio > 999/1000) {
    :root[data-scale-pilot="proportional"] .approach:not(.is-reading-flow) .approach__figure {
        display: grid;
        grid-template-columns: var(--step-width) minmax(0, 1fr) var(--step-width);
        grid-template-rows: auto auto;
        row-gap: 1rem;
    }
    :root[data-scale-pilot="proportional"] .approach:not(.is-reading-flow) .approach__art {
        grid-area: 1 / 1 / 3 / 4;
        align-self: center;
    }
    :root[data-scale-pilot="proportional"] .approach:not(.is-reading-flow) .step {
        position: static;
        width: auto;
        align-self: start;
    }
    :root[data-scale-pilot="proportional"] .approach:not(.is-reading-flow) .step--1 { grid-area: 1 / 1; }
    :root[data-scale-pilot="proportional"] .approach:not(.is-reading-flow) .step--2 { grid-area: 1 / 3; }
    :root[data-scale-pilot="proportional"] .approach:not(.is-reading-flow) .step--3 { grid-area: 2 / 1; align-self: end; }
    :root[data-scale-pilot="proportional"] .approach:not(.is-reading-flow) .step--4 { grid-area: 2 / 3; align-self: end; }

}