/* A bordered content box on the page. */

@layer components {
  .card {
    background: var(--color-canvas);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--card-padding, 1rem 1.5ch);
  }
}