@import './reset.css';
@import './index.css';

/* Opt-in page patterns for reports, instructions and data. */
.ds-shell { width: min(100% - 2 * var(--space-gutter), var(--content-max)); margin-inline: auto; }
.ds-document { padding-block: var(--space-section); }
.ds-document h1 { font-size: var(--text-display-lg); line-height: 1.15; font-weight: var(--font-weight-heading); }
.ds-document h2 { font-size: var(--text-headline); line-height: 1.2; font-weight: var(--font-weight-heading); }
.ds-document h3 { font-size: var(--text-title); line-height: 1.3; font-weight: var(--font-weight-title); }
.ds-document p { margin-block: var(--space-3); }
.ds-section { margin-top: var(--space-7); padding-top: var(--space-7); border-top: 1px solid var(--outline-variant); }
.ds-muted { color: var(--on-surface-variant); }
.ds-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; margin-block: var(--space-5); }
.ds-disclosure { border: 1px solid var(--outline-variant); background: var(--surface-container-low); padding: var(--space-4) var(--space-5); margin-block: var(--space-3); border-radius: var(--radius-md); }
.ds-disclosure summary { cursor: pointer; font-weight: var(--font-weight-title); }
.ds-callout { background: var(--primary-container); color: var(--on-primary-container); border-radius: var(--radius-lg); padding: var(--space-5); }
.ds-table-numeric { text-align: end; font-variant-numeric: tabular-nums; }
.ds-table-region { overflow-x: auto; }
.ds-data-table { min-width: 40rem; }
.ds-document tbody th { text-align: start; padding: var(--space-3); font-weight: var(--font-weight-title); border-bottom: 1px solid var(--outline-variant); }
.ds-document caption { text-align: start; padding-bottom: var(--space-4); color: var(--on-surface-variant); }