/* Imprint page: key data cards. Shared styles live in legal.css. */

.tz-legal__body--cards { padding: 56px 0 0; }
.tz-legal__body--text { padding-top: 56px; }

.tz-legal__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.tz-legal__cards > * { min-width: 0; }
.tz-legal__card { position: relative; padding: 78px 28px 28px; background: #fff; border-top: 4px solid var(--tz-accent); border-radius: var(--radius-2); box-shadow: var(--shadow-4); }
.tz-legal__card-icon { position: absolute; left: 28px; top: 22px; display: block; width: 46px; height: 46px; border-radius: 50%; background: var(--tz-peach); }
.tz-legal__card-icon > img { position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; transform: translate(-50%, -50%); }
.tz-legal__card h2 { font-size: 24px; line-height: 1.2; color: var(--color-text-heading); }
.tz-legal__card p { margin-top: 10px; font-size: 16.5px; line-height: 1.65; color: var(--tz-muted); overflow-wrap: anywhere; }
.tz-legal__card p strong { color: var(--color-text-heading); font-weight: 700; }

@media (max-width: 1024px) {
  .tz-legal__body--cards { padding-top: 44px; }
  .tz-legal__body--text { padding-top: 44px; }
  .tz-legal__cards { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin: 0 auto; gap: 20px; }
}

@media (max-width: 768px) {
  .tz-legal__body--cards { padding-top: 36px; }
  .tz-legal__body--text { padding-top: 36px; }
}

@media (max-width: 480px) {
  .tz-legal__card { padding: 74px 20px 22px; }
  .tz-legal__card-icon { left: 20px; }
}