/* /results/: heading, then Problem and What we did side by side, then the outcome figures, then the chart.
   Each outcome figure carries its own "because" line. Compact so a channel fits about one screen. */
.batch-two .b2-evidence { display: block; padding-block: 30px 34px; }
.batch-two .b2-evidence .evidence-heading { margin-bottom: 20px; }
.batch-two .b2-evidence .period { margin-bottom: 10px; }
.batch-two .b2-evidence h2 { font-size: clamp(30px, 8vw, 40px); line-height: 1.05; max-width: 26ch; margin: 0; }
.batch-two .pso { display: grid; gap: 0; }
.batch-two .pso-row { padding: 18px 0; border-top: 1px solid #c9c9bd; }
.batch-two .pso-row:first-child { border-top: 0; padding-top: 0; }
.batch-two .pso-row h3 { font-size: 20px; margin-bottom: 6px; }
.batch-two .pso-row p { margin: 0; max-width: 58ch; }
/* outcome: value beside its "because" line on phones */
.batch-two .pso-out .result-metrics { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin: 8px 0 0; }
.batch-two .pso-out .result-metrics > div { display: grid; grid-template-columns: 118px minmax(0, 1fr); grid-template-areas: "val lab" "val why"; column-gap: 14px; align-items: center; padding-top: 14px; border-top: 1px solid #ddd9cd; grid-column: auto; }
.batch-two .pso-out .result-metrics > div:first-child { padding-top: 0; border-top: 0; }
.batch-two .pso-out .result-metrics dt { grid-area: lab; align-self: end; font-size: 14px; }
.batch-two .pso-out .result-metrics dd { grid-area: val; font-size: 34px; margin: 0; white-space: nowrap; }
.batch-two .pso-out .result-metrics dd.why { grid-area: why; align-self: start; font: 400 15px/1.45 SaddlBody, Arial, sans-serif; color: #28332d; white-space: normal; max-width: 40ch; }
.batch-two .pso-out .revenue-comparison { margin-block: 18px 0; padding-block: 14px; }
.batch-two .pso-next { margin-top: 16px; font-size: 15px; color: #28332d; }
@media (min-width: 900px) {
  .batch-two .b2-evidence { padding-block: 40px 44px; }
  .batch-two .b2-evidence h2 { font-size: clamp(34px, 3.4vw, 46px); max-width: none; }
  .batch-two .pso { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 56px; }
  .batch-two .pso-row { border-top: 0; padding: 0 0 22px; }
  .batch-two .pso-row:nth-child(2) { border-left: 1px solid #c9c9bd; padding-left: 56px; margin-left: -28px; }
  .batch-two .pso-out { grid-column: 1 / -1; border-top: 1px solid #c9c9bd; padding: 22px 0 0; }
  .batch-two .pso-out .result-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
  .batch-two .pso-out .result-metrics > div { display: block; padding-top: 0; border-top: 0; }
  .batch-two .pso-out .result-metrics dt { font-size: 14px; }
  .batch-two .pso-out .result-metrics dd { font-size: 40px; margin-top: 4px; }
  .batch-two .pso-out .result-metrics dd.why { margin-top: 4px; }
}

/* /results/: labelled evidence types and audit-finding extras */
.adv .rs-key { display: grid; gap: 0; margin: 26px 0 0; border-top: 1px solid #26352e; max-width: 860px; }
.adv .rs-key > div { display: grid; gap: 2px; padding: 12px 0; border-bottom: 1px solid #c9c9bd; }
.adv .rs-key dt { font: 600 22px/1.1 SaddlDisplay, Arial, sans-serif; color: #26352e; }
.adv .rs-key dd { color: #536457; max-width: 60ch; }
.adv .rs-sec { padding-top: 28px; }
.adv .rs-sec h2 { margin-top: 0; }
.adv .fd-seen { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: #536457; }
.adv .fd-seen i { font-style: normal; font-weight: 600; margin-right: 2px; }
.adv .fd-seen span { padding: 3px 10px; border: 1px solid #c9c9bd; border-radius: 999px; }
.adv .rs-source { margin: 22px 0 0; font-size: 14px; line-height: 1.6; color: #536457; max-width: 78ch; }
.adv .rs-source a { display: inline-flex; min-height: 44px; align-items: center; }
.adv .rs-findings .ot-count b { font-size: 26px; }
.adv .rs-more { padding-block: 44px; }
@media (min-width: 800px) { .adv .rs-key { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 32px; border-top: 0; } .adv .rs-key > div { border-bottom: 0; border-top: 1px solid #26352e; padding-top: 14px; } }
@media (min-width: 900px) { .adv .rs-more { padding-block: 72px; } }
.adv .rs-findings .ot-count { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.adv .rs-source a { display: inline; min-height: 0; }
.adv .rs-key > div { align-content: start; }