/* ============================================================================
 *  az-examples.css — the /examples screen, and nothing else.
 *
 *  /examples renders the /solutions body under the landing's navbar. That body
 *  is production markup and production CSS, verified byte-identical on
 *  /solutions, which this sheet never loads on. Two things the layout suite
 *  measured on a phone are corrected here, for this route only:
 *
 *  1. "Compare Cloud & On-Premise" is a nowrap button 287px wide in a 265px
 *     column at 320px. On a phone it is allowed to wrap.
 *  2. The closing banner's heading ends in "multiplayer." — a word long enough
 *     to sit alone on the last line from 320 to 430px at production's 2.1rem.
 *     At 1.9rem the line reads "to multiplayer."
 *  3. The band heading ("…a thousand private threads that never meet.") strands
 *     "meet." at 360–390px under production's text-wrap: balance; `pretty` gives
 *     "never meet.". Only that heading gets it — applied to every heading,
 *     `pretty` stranded "didn't." and "choice." instead.
 *
 *  CONTRACT — the same rules as az-rooms.css / az-draft.css
 *  1. Additive only: every selector is .az-examples (set by the page) qualifying
 *     an existing class, so nothing here reaches /solutions or any other route.
 *  2. No colour literals. (No colours at all.)
 *  3. House breakpoints only: 640px.
 * ========================================================================== */

.az-examples .az-band .az-h2 {
    text-wrap: pretty;
}

@media (max-width: 640px) {
    .az-examples .az-btn {
        max-width: 100%;
        white-space: normal;
        text-align: center;
    }

    .az-examples .az-cta-banner .az-h2 {
        font-size: var(--t-title-lg);
    }
}