/* TK-13304 — locked contact fields for visitors.
 * The server only ever sends placeholders ("(•••) •••-••••", "••• Ventura Blvd") to visitors,
 * so the blur is presentation, not protection. Markup:
 *   <span class="locked" aria-label="Phone hidden. Sign in to see."><span class="locked-value">(•••) •••-••••</span></span>
 */
.locked {
  position: relative;
  display: inline-block;
  min-width: 11em;
  cursor: help;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: middle;
}
.locked > .locked-value {
  display: inline-block;
  filter: blur(4px);
  opacity: 0.7;
}
.locked::after {
  content: "\1F512\00a0 Sign in to see";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font: 600 10px/1 'JetBrains Mono', ui-monospace, monospace;
  font-style: normal;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--metal-glow, #d4b683);
  text-shadow: 0 0 6px var(--noir, #0a0a0c);
  pointer-events: none;
}
.locked.block {
  display: block;
  min-height: 1.6em;
}
@media (prefers-reduced-transparency: reduce) {
  .locked > .locked-value { filter: none; opacity: 0.25; }
}