.main{
  min-width:0;
  padding:var(--space-6);
}

.container{
  width:min(100%, var(--content-max));
  margin:0 auto;
}

.card{
  border:1px solid var(--border-soft);
  border-radius:var(--radius-lg);
  background:color-mix(in srgb, var(--bg-elevated) 96%, var(--primary) 4%);
  box-shadow:var(--shadow-soft);
  padding:var(--space-6);
}

@media (max-width: 720px){
  .main{
    padding:var(--space-4);
  }

  .card{
    padding:var(--space-5);
  }
}