/* Placeholder chips: hidden by default; add ?review to the URL to see every data-ph item.
   Chips sit outside the text flow (absolute) so they never change typography. */
html.review [data-ph] { outline: 2px dashed #f59e0b; outline-offset: 3px; position: relative; }
html.review [data-ph]::after { content: "PLACEHOLDER · " attr(data-ph); position: absolute; top: -.75rem; left: 0; z-index: 50;
  max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; pointer-events: none;
  font: 600 10px/1 system-ui, sans-serif; font-style: normal; letter-spacing: 0; text-transform: none;
  background: #f59e0b; color: #111; padding: 3px 6px; border-radius: 3px; }
html.review input[data-ph] { display: none; }
html.review .ph-banner { display: block; }
.ph-banner { display: none; position: sticky; top: 0; z-index: 9999; background: #f59e0b; color: #111; text-align: center; font: 600 13px/1.4 system-ui, sans-serif; padding: 8px 12px; }
html.review .t-es[data-ph], html.review .bil__es[data-ph] { outline-color: #f59e0b; }
@media print { [data-ph]::after { display: none; } }