/*
 * Theme-specific CSS on top of the verbatim reference files (ADR-0005).
 * Keep this file as small as possible: every rule here is a deviation from the reference
 * and must say why.
 */

/*
 * Home, phones: stop the page from panning sideways (reference 1.1.17 has the same bug).
 * - .introduction-photo: home-base sets aspect-ratio:1.2 and shared-mobile-layout sets
 *   height:65svh, so the grid item takes its width from its height (518 px on a 390 px
 *   iPhone, 624 px at 375 px).
 * - .capacity-digit-two starts translated 320 px to the right before its entrance.
 * The reference relies on html{overflow-x:clip}, which mobile Chrome ignores: it widens the
 * layout viewport (innerWidth 654 on a 412 px Pixel 7) and the page can be dragged sideways.
 * Clipping at the section keeps the visible pixels identical to the reference.
 */
.introduction,.capacity-section{overflow-x:clip}