/* Loaded only by the three revised lessons; uses the existing site variables. */
.module-page .module-table-scroll { overflow-x: auto; margin: 28px 0; max-width: 100%; }
.module-page .module-table-scroll .ledger { min-width: 0; width: 100%; }
.module-page .module-table-scroll:has(th:nth-child(4)) .ledger { min-width: 600px; }
.module-page .module-table-scroll .ledger td { vertical-align: top; }
.module-page .module-table-scroll:focus-visible { outline: 2px solid var(--ss-gold); outline-offset: 4px; }
.module-page .module-chapters { margin: 18px 0; }
.module-page .module-chapters > summary { display: list-item; cursor: pointer; width: fit-content; }
.module-page .module-chapter-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
.module-page .module-chapter-list button { display: flex; align-items: baseline; gap: 14px; text-align: left; padding: 12px 16px; background: var(--ss-white); color: var(--ss-navy); border: 1px solid var(--ss-line); border-radius: var(--radius-sm); font: inherit; cursor: pointer; }
.module-page .module-chapter-list button:nth-child(even) { background: var(--ss-mist); }
.module-page .module-chapter-list button[aria-current="true"] { border-color: var(--ss-gold); }
.module-page .module-chapter-list button:focus-visible, .module-page .module-chapters > summary:focus-visible { outline: 2px solid var(--ss-gold); outline-offset: 4px; }
.module-page .module-chapter-list time { color: var(--ss-gold-dark); font-family: var(--font-mono); font-size: 12px; min-width: 4ch; }
.module-page .module-chapter-status { color: var(--ss-text-mid); font-size: 14px; margin-top: 10px; }
.module-page .module-content > h2:not(:first-of-type) { margin-top: 52px; }
.module-page .module-content ol { padding-left: 24px; }
.module-page .module-content ol li { margin-bottom: 12px; }
@media (max-width: 760px) {
  .module-page .module-table-scroll .ledger td { padding: 12px; font-size: 13px; }
  .module-page .module-table-scroll .ledger th { padding: 12px; font-size: 10px; }
  .module-page .module-table-scroll:has(th:nth-child(4))::before { content: "Scroll across to see all four columns."; display: block; margin-bottom: 10px; color: var(--ss-text-mid); font-size: 13px; }
  .module-page .module-chapter-list { grid-template-columns: 1fr; }
  .module-page .module-content > h2:not(:first-of-type) { margin-top: 36px; }
}