/* Preview placeholder markers — visible in preview, hidden when */ [data-ph]{ outline:2px dashed #C98A4A; outline-offset:2px; position:relative; } [data-ph]::after{ content:"TO CONFIRM · " attr(data-ph); position:absolute; top:-.7rem; left:0; font:700 9.5px/1 'Manrope',system-ui,sans-serif; letter-spacing:.04em; background:#C98A4A; color:#fff; padding:2px 6px; border-radius:4px; white-space:nowrap; z-index:6; pointer-events:none; text-transform:uppercase; } .ph-banner{ position:sticky; top:0; z-index:9998; background:linear-gradient(90deg,#7E4F3D,#C98A4A); color:#fff; text-align:center; font:600 12.5px/1.45 'Manrope',system-ui,sans-serif; padding:7px 14px; letter-spacing:.01em; } .ph-banner b{ font-weight:800; } 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; } }