/* ═══════════════════════════════════════════════════════════════
   maarch* blog listing · shared page styles — Figma 1:1202 · resources/design/blog/DESIGN-ANALYSIS.md
   ═══════════════════════════════════════════════════════════════ */

:root { --bl-page: #fffaf4; }
.page-blog { background: var(--bl-page); }
.page-blog main > section { overflow-x: clip; }

/* 1920-wide decorative stage (design px × --u) */
.bl-stage { position: absolute; top: 0; bottom: 0; left: 50%; width: calc(1920 * var(--u)); translate: -50% 0; pointer-events: none; }
.bl-stage > * { position: absolute; }
.bl-stage img { display: block; max-width: none; width: 100%; height: auto; }