/* ─── page-level: pages/homepage.html (sha=73fd2fe) ─── */ /* Wide-screen knob (#20) — single source for the outer-frame cap on this composed page. Every section frame uses max-width: var(--tenki-max, 1400px); change this one value to re-cap the whole page. Long reading columns stay narrow (they don't use this token). */ :root { --tenki-max: 1400px; } /* 2026-06-06: fixed the hero "Tenki for born" card clipping its heading on short / browser-zoomed viewports — the cap (78vh) could fall below the card stack. Real fix is a min-height floor in hero/hero.html (NOT the wide-screen token above, which wasn't the cause). This note also advances the homepage shell SHA so the ?v= cache-bust picks up the rebuilt bundle. */ /* ──────────────────────────────────────────────────────────────────── Page-level styles for #tenki-page-homepage. This block ONLY contains rules that need to be at the PAGE level — i.e. the page wrapper, the page-level build chip, and inter-section spacing. Section-specific styles live in each section's own file and get concatenated into dist/homepage.css after this block. The cascade therefore looks like: 1. these page-level rules 2. hero's CSS (from hero/hero.html) 3. meaning's CSS 4. pillars's CSS 5. timeline's CSS 6. social's CSS Sections style their own scope with prefixed class names (.tenki-hero-*, .tenki-meaning-*, .dashboard-*, .tenki-social-*, etc.) so concatenation doesn't leak between them. */ #tenki-page-homepage { position: relative; /* We control the entire vertical rhythm now — no SQS section padding to fight. The single Code Block that holds this composed shell should still respect the SQS page's outer margins, but we own everything inside. */ /* Reveal-on-CSS-loaded. The inline