/* About page: the event explained as a numbered ledger.
 *
 * Six ruled steps and then an inverted panel for what a lap is worth. The
 * page used to be a scroll-told story — a stadium SVG that drew itself in as
 * you scrolled, beside a staircase of alternating steps. It was replaced by
 * this because the handoff's About screen is a plain numbered list, and
 * because the drawing was doing the work of decoration on the one page whose
 * job is to be read straight through on a phone in a corridor.
 *
 * What survives from it is the reveal: each step still rises as it comes into
 * view, and still does so only when JavaScript is running and the reader has
 * not asked for less motion. With no JS, or with prefers-reduced-motion, this
 * is plain prose from the first paint.
 *
 * The steps themselves — and that reveal — moved to global.css when the
 * donations page grew a numbered list of its own. What is left here is the
 * one panel only this page draws.
 */

/* --- What a lap is worth ------------------------------------------------ */

.lap-value { margin-top: 64px; }

.lap-value__title {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    margin-bottom: 34px;
}

@media (max-width: 640px) {
    .lap-value { padding: 34px 26px; }
}