.value-offers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.value-offers article {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.value-offers h3 { margin: .5rem 0; }
.value-offers p { font-size: .92rem; color: var(--muted); }
.value-offers .eyebrow { margin: 0; font-size: .7rem; }
.value-offers .card-actions { margin-top: auto; padding-top: .5rem; }
.value-deliverable { border-top: 1px solid var(--line); padding-top: 1rem; }
.value-deliverable strong { color: var(--text); }
.value-figure { margin: 0; align-self: start; }
.value-background { padding-top: 0; }
.value-background details { border-top: 1px solid var(--line); padding-top: 1.25rem; }
.value-background summary { cursor: pointer; font-weight: 600; }
.value-background summary:focus-visible { outline: 2px solid var(--text); outline-offset: 5px; }
.value-background p { color: var(--muted); font-size: .9rem; }
#curated-value, #contribution, #compounding-value, #assess-value { scroll-margin-top: 84px; }
#cost-estimates { scroll-margin-top: 84px; }
.cost-summary { border-block: 1px solid var(--line); padding: 1.5rem 0; margin-bottom: 1.5rem; }
.cost-summary .cost-range { font-size: clamp(1.7rem, 5vw, 3.4rem); font-weight: 600; line-height: 1.2; letter-spacing: -.04em; margin: .6rem 0 1rem; overflow-wrap: anywhere; }
.cost-summary > p:last-child { max-width: 68ch; color: var(--muted); }
.cost-table-wrap { overflow-x: auto; margin: 1.5rem 0; }
.cost-scroll-hint { display: none; }
.cost-table-wrap:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }
.cost-table { width: 100%; min-width: 570px; border-collapse: collapse; font-size: .86rem; }
.cost-table caption { text-align: left; color: var(--muted); padding-bottom: .8rem; }
.cost-table th, .cost-table td { padding: .85rem .5rem; text-align: left; border-bottom: 1px solid var(--line); }
.cost-table th { font-weight: 600; }
.cost-table th:first-child { padding-left: 0; }
.cost-table td:last-child { white-space: nowrap; }
.cost-table small { display: block; color: var(--muted); font: .7rem var(--font-mono); margin-top: .3rem; }
.cost-assumptions { border-block: 1px solid var(--line); padding: 1.25rem 0; margin: 1.5rem 0; }
.cost-assumptions summary { cursor: pointer; font-weight: 600; }
.cost-assumptions p, .cost-assumptions li { color: var(--muted); font-size: .9rem; }
.cost-assumptions li { margin: .5rem 0; }
@media (max-width: 680px) {
  .cost-scroll-hint { display: block; color: var(--muted); font-size: .8rem; margin-bottom: -.75rem; }
  .value-offers { grid-template-columns: 1fr; }
  .value-offers article { padding: 1.25rem; }
}