/* ls_paywall.css — the State Pass gate's page components. * * These are the panels the Cloudflare Pages Function INJECTS at the edge * (website/paywall/rewrite.js) when a visitor isn't entitled. Because * the markup arrives at request time rather than living in the page * file, its CSS has to already be on the page — hence a real stylesheet * rather than anything inline. Pages carrying premium markers link this * file (mark_page.py adds the ). * * Design authority: .claude/skills/design-director/SKILL.md. * Namespaced #hw-solar to match the evergreen family, so the file is * completely inert on every other page type. * * ⚠️ PX ONLY, NEVER REM (2026-08-18, learned the hard way): the Ghost * theme's screen.css sets html{font-size:62.5%} — a 10px root — so any * rem value here renders at 62.5% of the size you meant. The first * version of this file was written in rem and shipped every component * 37.5% too small ("small and squished" — owner). ls_evergreen.css is * immune because it is px throughout; this file now follows the same * convention. * * The .hw-q-* components below are NOT new: they are the lock and CTA * the owner already reviewed and restyled twice on the Alaska Q&A test * pages (commits 8099977d, b5dabbf3), lifted out of that page's inline *