/* ========================================================================== base.css — reset + base elements ========================================================================== */ *, *::before, *::after { box-sizing: border-box; } * { margin: 0; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; /* Clip horizontal overflow from the off-canvas mobile menu (fixed elements are not clipped by body's overflow-x; the root element governs the viewport). Use `clip` (not `hidden`) so the root does NOT become a scroll container — that keeps the sticky header working. */ overflow-x: clip; } body { font-family: var(--font-body); font-size: var(--fs-16); line-height: var(--lh-body); color: var(--color-paper); background: var(--color-ink); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; /* `clip` (not `hidden`) avoids making a scroll container, which would trap position:sticky. Horizontal clipping is handled here and on . */ overflow-x: clip; } img, picture, svg, video { display: block; max-width: 100%; } img { height: auto; } /* Inline icon sizing — without this an unsized