/* A26 Box component · v1.0.0-alpha.0016-content-structure */
@layer a26.components {
  .a26-box {
    background: var(--a26-box-bg, var(--a26-bg-surface));
    border: 1px solid var(--a26-box-border, var(--a26-separator));
    border-radius: var(--a26-box-radius, var(--a26-radius-lg));
    padding: var(--a26-box-padding, var(--a26-space-4));
    display: grid;
    gap: var(--a26-space-3);
  }
  .a26-box__title { margin: 0; font: var(--a26-font-headline); color: var(--a26-text-primary); }
  .a26-box__body { display: grid; gap: var(--a26-space-2); }
  .a26-box__body > * { margin: 0; }
}