/* Tile: the one raised-on-its-section surface. Its ground flips with --surface, set per section. */

.tile {
  padding: var(--space-lg);
  background: var(--surface);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-card);
}
@media (max-width: 479px) {
  .tile {
    padding: var(--space-md);
  }
}