/* Layout added by the 2026 decision-report edition: four hero figures, a
   contents list that nests numbered sections under each part, the inline
   corrective-action card and the corrective-actions register.

   Loaded after decision-report.css, which still owns the hero, evidence cards,
   source register and every exhibit style. Nothing here restyles an exhibit. */

/* Four hero figures, not three. The steps mirror decision-report.css so the
   later source order does not flatten its responsive rules. */
.decision-report--quantitative .dr-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-8) var(--space-7); }
.decision-report--quantitative .dr-metrics dd { font-size: clamp(30px, 3.6vw, 46px); }

/* Contents: parts, each with its numbered sections. */
.decision-report .drv2-contents > ol { gap: var(--space-4); }
.decision-report .drv2-contents > ol > li > a { font-weight: var(--weight-medium); color: var(--ink); }
.decision-report .drv2-contents__sections { display: grid; gap: 0; list-style: none; margin: 0; padding: 0; }
.decision-report .drv2-contents__sections a { display: flex; align-items: baseline; gap: var(--space-3); min-height: var(--tap); padding-block: var(--space-2); font-size: var(--text-sm); line-height: 1.45; color: var(--ink-soft); text-decoration: none; }
.decision-report .drv2-contents__number { flex: none; color: var(--cobalt); font-variant-numeric: tabular-nums; }

/* Executive summary: six numbered moves. */
.decision-report--quantitative .dr-executive.drv2-moves { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-9) var(--space-10); }
.decision-report .drv2-moves > li { padding-top: var(--space-5); border-top: 2px solid var(--ink); }
.decision-report .drv2-moves__number { font-family: var(--serif); font-size: var(--text-2xl); line-height: 1; color: var(--cobalt); font-variant-numeric: tabular-nums; }
.decision-report .drv2-moves > li > h3 { margin-top: var(--space-3); }
.decision-report .drv2-moves__pointer { margin-top: var(--space-8); }

/* A section opens with its number and the models it covers. */
.decision-report .drv2-finding__eyebrow { margin-bottom: var(--space-3); font-variant-numeric: tabular-nums; }

/* The corrective action sits with the evidence that argues for it. */
/* --paper-soft, not --white: the card is the raised plane, not the colour
   white, so it follows the page instead of staying a hole cut in it. Its type
   is all --ink and --ink-soft, which flip; on a pinned white ground they left
   every corrective action on the page unreadable in dark mode. */
.decision-report .drv2-action { margin-top: var(--space-8); padding: var(--space-7); border: 2px solid var(--ink); background: var(--paper-soft); }
.decision-report .drv2-action__heading { margin: 0; font-family: var(--sans); font-size: var(--text-sm); font-weight: var(--weight-medium); letter-spacing: 0.02em; color: var(--cobalt); }
.decision-report .drv2-action__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6) var(--space-7); margin-top: var(--space-6); }
.decision-report .drv2-action__fields dt { margin-bottom: var(--space-2); color: var(--ink-soft); font-size: var(--text-sm); font-weight: var(--weight-medium); }
.decision-report .drv2-action__fields dd { font-size: var(--text-base); line-height: 1.6; }
.decision-report .drv2-action__aside { margin-top: var(--space-5); font-size: var(--text-base); line-height: 1.6; color: var(--ink-soft); }
.decision-report .drv2-action__aside strong { color: var(--ink); font-weight: var(--weight-medium); }
.decision-report .drv2-action > .dr-text-link { margin-top: var(--space-5); }

/* The register. One row per section that carries an action. */
.decision-report .drv2-actions { width: 100%; border-collapse: collapse; margin-top: var(--space-8); text-align: left; font-size: var(--text-base); line-height: 1.55; }
.decision-report .drv2-actions thead th { padding: 0 var(--space-4) var(--space-3) 0; border-bottom: 2px solid var(--ink); color: var(--ink-soft); font-family: var(--sans); font-size: var(--text-sm); font-weight: var(--weight-medium); }
.decision-report .drv2-actions tbody :is(th, td) { padding: var(--space-5) var(--space-4) var(--space-5) 0; border-bottom: 1px solid var(--line); vertical-align: top; font-weight: var(--weight-regular); }
.decision-report .drv2-actions tbody tr > :last-child { padding-right: 0; }
.decision-report .drv2-actions__number { font-family: var(--serif); font-size: var(--text-xl); color: var(--cobalt); font-variant-numeric: tabular-nums; }
.decision-report .drv2-actions a { display: inline-flex; align-items: center; min-height: var(--tap); min-width: 44px; white-space: nowrap; }

@media (max-width: 1180px) {
  .decision-report--quantitative .dr-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  .decision-report .drv2-contents > ol { flex-direction: column; }
  .decision-report .drv2-contents__sections { padding-left: var(--space-4); }
  .decision-report--quantitative .dr-executive.drv2-moves { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
}
@media (max-width: 720px) {
  .decision-report .drv2-action { padding: var(--space-5); }
  .decision-report .drv2-action__fields { grid-template-columns: minmax(0, 1fr); }
  /* The register becomes one card per action; each cell keeps its label. */
  .decision-report .drv2-actions { display: block; font-size: var(--text-md); }
  .decision-report .drv2-actions thead { display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .decision-report .drv2-actions thead tr, .decision-report .drv2-actions thead th { display: block; width: 1px; overflow: hidden; }
  .decision-report .drv2-actions tbody { display: block; }
  .decision-report .drv2-actions tbody tr { display: block; padding: var(--space-6) 0; border-bottom: 1px solid var(--line); }
  .decision-report .drv2-actions tbody :is(th, td) { display: block; padding: 0; border: 0; }
  .decision-report .drv2-actions tbody td { margin-top: var(--space-4); }
  .decision-report .drv2-actions tbody td::before { content: attr(data-label); display: block; margin-bottom: var(--space-1); color: var(--ink-soft); font-size: var(--text-sm); font-weight: var(--weight-medium); }
}
@media (max-width: 430px) {
  .decision-report--quantitative .dr-metrics { grid-template-columns: minmax(0, 1fr); }
}