/* * Demo Mode — CSS-based PII redaction. * * When has the class "demo-mode" (set by _Layout.cshtml when Demo Mode is * active), every element carrying one of the PII marker classes below is blurred * by 5px and made non-selectable so the underlying text cannot be copied. * * Per product spec: CITY and ZIP are intentionally NOT redacted. Only names, * street addresses, phone numbers, and other PII are blurred. Use the generic * ".pii" class on any element you want redacted that is not already covered by a * semantic class. */ body.demo-mode .votername, body.demo-mode .voterstreetaddress, body.demo-mode .blue-inline-phone, body.demo-mode .pii, body.demo-mode .pii-name, body.demo-mode .pii-street, body.demo-mode .pii-phone, body.demo-mode .pii-email { filter: blur(5px); -webkit-filter: blur(5px); user-select: none; -webkit-user-select: none; } /* * Small, dismissible banner shown at the top of every page while Demo Mode is on, * so a viewer always knows the data is redacted. */ .demo-mode-banner { position: sticky; top: 0; z-index: 1040; width: 100%; padding: 6px 12px; font-size: 11pt; font-weight: 700; text-align: center; color: #222; opacity: 0.7; } .demo-mode-banner a { color: #222; text-decoration: underline; margin-left: 12px; font-weight: 600; }