/* Legal-card icons use local SVG assets instead of encoded SVG data URIs.
   This keeps the masks consistent across browsers and nested static routes. */
.legal-page .legal-card::before {
  content: "";
  display: block;
  position: absolute;
  top: 29px;
  left: 26px;
  width: 30px;
  height: 30px;
  background: linear-gradient(135deg, #7be9ff, #26d2f4 58%, #119cb8);
  -webkit-mask: var(--legal-icon) center / contain no-repeat;
  mask: var(--legal-icon) center / contain no-repeat;
  filter: drop-shadow(0 0 12px rgba(37, 219, 255, .24));
}

.legal-page .legal-card-data,
.legal-page .legal-card-private,
.legal-page .legal-card-purpose,
.legal-page .legal-card-retention,
.legal-page .legal-card-sharing {
  --legal-icon: url("./assets/legal-shield.svg");
}

.legal-page .legal-card-delete { --legal-icon: url("./assets/legal-trash.svg"); }

.legal-page .legal-card-allowed,
.legal-page .legal-card-blocked,
.legal-page .legal-card-access,
.legal-page .legal-card-responsibility,
.legal-page .legal-card-availability,
.legal-page .legal-card-contact {
  --legal-icon: url("./assets/legal-document.svg");
}

.legal-page .legal-card-surface,
.legal-page .legal-card-api,
.legal-page .legal-card-secrets,
.legal-page .legal-card-auth,
.legal-page .legal-card-resilience,
.legal-page .legal-card-report {
  --legal-icon: url("./assets/legal-lock.svg");
}

.legal-page .legal-brand img { flex: 0 0 40px; object-fit: contain; }