/* The main content surface: one white panel on the tinted-grey page. */

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