/* Preview-only markers for things the owner still needs to send. Removed by `node build.js --live`. */
[data-ph] { outline: 2px dashed #ffb020 !important; outline-offset: 4px; position: relative; }
[data-ph]::after { content: "NEEDS: " attr(data-ph); position: absolute; left: 0; top: calc(100% + 8px); z-index: 5; background: #ffb020; color: #000; font: 600 .72rem/1.3 "IBM Plex Mono", monospace; padding: .2rem .45rem; white-space: nowrap; border-radius: 2px; }
body::before { content: "PREVIEW — not the live site"; position: fixed; left: 12px; bottom: 12px; z-index: 99; background: #ffb020; color: #000; font: 600 .75rem "IBM Plex Mono", monospace; padding: .35rem .6rem; border-radius: 3px; pointer-events: none; }