/* Lab: report-compare (lesson C6). Scoped to .lab--report-compare. See docs/ACADEMY.md. */
.lab--report-compare .lab__controls { grid-template-columns: 1fr; }
.lab--report-compare .lab-rc__reports { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-6); }
.lab--report-compare .lab-rc__report { border-top: 1px solid var(--ink); padding-top: var(--s-3); display: grid; gap: var(--s-2); align-content: start; min-width: 0; }
.lab--report-compare .lab-rc__name { font-size: var(--t-m); font-weight: 500; }
.lab--report-compare .lab-rc__rows { margin: 0; }
.lab--report-compare .lab-rc__row { display: grid; gap: 2px; padding-block: var(--s-2); border-bottom: 1px solid var(--rule); font-size: var(--t-s); }
.lab--report-compare .lab-rc__row dt { color: var(--grey-text); }
.lab--report-compare .lab-rc__row dd { margin: 0; overflow-wrap: anywhere; }
.lab--report-compare .lab-rc__row dd.is-bad { color: var(--danger); }
.lab--report-compare .lab-rc__row dd.is-bad::before { content: "Problem: "; font-weight: 500; }
.lab--report-compare .lab-rc__spot { max-width: 40em; }
.lab--report-compare .lab__list > li strong { font-weight: 500; }
@media (max-width: 40rem) { .lab--report-compare .lab-rc__reports { grid-template-columns: 1fr; gap: var(--s-5); } }