/* placeholder.css — preview markers for unconfirmed facts + generated/sample assets. ON by default (preview). Add class="live" to (or ?live) to hide for launch. */ [data-ph]{ outline:2px dashed #C2A36B; outline-offset:3px; position:relative; } [data-ph]::after{ content:"TO CONFIRM · " attr(data-ph); position:absolute; top:-.7rem; left:0; font:600 9.5px/1 'Hanken Grotesk', system-ui, sans-serif; letter-spacing:.04em; background:#C2A36B; color:#2E2024; padding:3px 7px; border-radius:5px; white-space:nowrap; z-index:6; pointer-events:none; text-transform:uppercase; } .ph-banner{ position:sticky; top:0; z-index:9999; background:linear-gradient(90deg,#9E4F5E,#8A4150); color:#FBEFE9; text-align:center; font:600 12.5px/1.45 'Hanken Grotesk', system-ui, sans-serif; letter-spacing:.02em; padding:9px 14px; } .ph-banner b{ color:#fff; } html.live [data-ph]{ outline:none; } html.live [data-ph]::after, html.live .ph-banner{ display:none; } @media print{ [data-ph]::after, .ph-banner{ display:none; } }