/*
 * ACAD1 Review Center — layout
 * child-theme-guide.md §4 "Layout (20-layout.css)".
 *
 * Deviation from the guide text: .a1-split's first track is minmax(0, 1.1fr),
 * not a bare 1.1fr. The guide's own §4 note requires minmax(0, Nfr) on any track
 * that can contain an image — its sample code contradicts its own rule.
 */
.a1-container { max-width: var(--a1-measure); margin-inline: auto; padding-inline: var(--a1-gutter); }
.a1-section   { padding-block: var(--a1-section-y); }
.a1-section--bg      { background: var(--a1-bg); }
.a1-section--surface { background: var(--a1-surface); }
.a1-section--white   { background: var(--a1-contrast); }
.a1-section--dark    { background: var(--a1-primary); color: var(--a1-on-dark); }
.a1-section--accent  { background: var(--a1-accent);  color: var(--a1-contrast); }

/* grid helpers — every multi-column block uses one of these */
.a1-grid { display: grid; gap: var(--a1-s-5); }
.a1-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.a1-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.a1-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.a1-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }

/* asymmetric pairs — always minmax(0, …) so images can't floor the track */
.a1-split      { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: var(--a1-s-9); }
.a1-split--rail{ display: grid; grid-template-columns: minmax(0, 1fr) 380px;   gap: var(--a1-s-8); align-items: start; }
.a1-split--filter { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: var(--a1-s-8); align-items: start; }
.a1-split--toc { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: var(--a1-s-9); align-items: start; }

/*
 * Task 4 addition: 6-up grid helper. §6 row 1 ("6-up → 3-up" at ≤1080px)
 * references `.a1-grid--6`, which Task 1 never built because no built
 * page used a 6-up grid yet. Same convention as `.a1-grid--2..5` above;
 * 50-responsive.css already carries the ≤1080px override for it.
 */
.a1-grid--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

/*
 * Task 4 addition: layout helpers referenced by 50-responsive.css but
 * never given a desktop base (guide §4's "Header / footer behaviour"
 * prose + §6's breakpoint table). See child-theme-guide.md §6 and
 * task-4-report.md for the full gap analysis.
 *
 *   .a1-stats      Stat row (Founded / First cohort / Branches). 3-up at
 *                  every width per §6 ("Stat rows ... stay 3-up at every
 *                  width") — same shape as .a1-grid--3 but its own class
 *                  so it is never accidentally caught by a .a1-grid--3
 *                  collapse rule.
 *   .a1-span-2     `grid-column: span 2` inside any .a1-grid — released
 *                  to `auto` at ≤620px (already in 50-responsive.css).
 *   .a1-text-right Right-aligned text — flushed left at ≤620px (already
 *                  in 50-responsive.css).
 */
.a1-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--a1-s-5); }

.a1-span-2 { grid-column: span 2; }

.a1-text-right { text-align: right; }

/* Stat rows stay 3-up at every width (guide §6) - short numerals, and
 * stacking them wastes the fold. Declared here so the row never depends on
 * .a1-grid--3, which collapses to 2-up at <=820px. */
.a1-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--a1-s-5); }