.mdz-card {
  border: 1px solid var(--mdz-border);
  border-radius: var(--mdz-radius-md);
  background: var(--mdz-bg);
  box-shadow: var(--mdz-shadow);
}

.mdz-card-feature {
  padding: 1.5rem;
}

.mdz-card-compact {
  padding: 1.5rem;
}

.mdz-card-column {
  padding: 1.5rem;
}

.mdz-media-frame {
  overflow: hidden;
  min-height: 340px;
  border-radius: calc(var(--mdz-radius-md) - 2px);
  background: var(--mdz-muted);
}

.mdz-tile {
  overflow: hidden;
  border: 1px solid var(--mdz-border);
  border-radius: var(--mdz-radius-md);
  background: var(--mdz-bg);
  box-shadow: var(--mdz-shadow);
}

.mdz-tile-image {
  aspect-ratio: 1.15 / 0.86;
  overflow: hidden;
  background: var(--mdz-muted);
}

.mdz-tile-body {
  padding: 1.25rem;
}

.mdz-support-card {
  padding: 1.75rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--mdz-radius-md);
  background:
    radial-gradient(circle at top right, rgba(171, 179, 186, 0.28), transparent 34%),
    linear-gradient(180deg, #111111 0%, #000000 100%);
  box-shadow: var(--mdz-shadow);
}

@media (min-width: 768px) {
  .mdz-card-feature,
  .mdz-card-compact,
  .mdz-card-column,
  .mdz-support-card {
    padding: 2rem;
  }
}