/* This page is white (paper), so the iOS bottom overscroll is white, not the dark footer color set on in styles.css. */ html { background-color: var(--paper); } .pl { container: plpage / inline-size; background: var(--paper); color: var(--graphite); min-height: 100%; } /* header/footer are shared partials — see .lz-subhead / .lz-subfoot in styles.css */ /* hero */ .pl-hero { text-align: center; padding: 32px 16px 6px; } .pl-hero .lz-eyebrow { justify-content: center; font-weight: 600; } .pl-hero h1 { font-family: var(--serif); font-weight: 500; font-size: 32px; line-height: 1.02; letter-spacing: -.01em; margin: 0 0 14px; } .pl-hero h1 em { font-style: italic; color: var(--sage); } .pl-hero p { font-size: 12px; color: var(--ink-soft); max-width: 52ch; margin: 0 auto; } /* main tabs */ /* Tabs strip with the shared scroll affordance (edge fade + progress + arrows). The shell carries the sticky positioning + cream backdrop; the