.legacy-supporting { background: var(--paper); color: var(--ink); }
.legacy-supporting__hero { background: var(--ink); color: var(--paper); padding-block: clamp(5rem, 10vw, 9rem) clamp(5.5rem, 11vw, 10rem); }
.legacy-supporting__hero .container { display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1.55fr) minmax(18rem, 0.75fr); }
.legacy-supporting__hero .c-eyebrow { color: var(--volt); grid-column: 1 / -1; }
.legacy-supporting__hero h1 { letter-spacing: -0.045em; line-height: 0.96; margin: 0; max-width: 16ch; text-wrap: balance; }
.legacy-supporting__lede { align-self: end; color: var(--paper-3); max-width: 36rem; }
.legacy-supporting__lede p { margin: 0; }
.legacy-supporting__body { padding-block: clamp(5rem, 9vw, 8rem); }
.legacy-supporting__body > * { margin-block: 0; }
.legacy-supporting__body > * + * { margin-block-start: clamp(4.5rem, 8vw, 7.5rem); }
.legacy-supporting__intro { display: grid; gap: 2rem; grid-template-columns: minmax(12rem, 0.55fr) minmax(0, 1fr); }
.legacy-supporting__intro h2,
.legacy-supporting__section h2,
.legacy-supporting__boundary h2,
.legacy-supporting__cta h2 { letter-spacing: -0.035em; line-height: 1.05; margin: 0; text-wrap: balance; }
.legacy-supporting__intro > p { color: var(--mute); font-size: clamp(1.25rem, 2vw, 1.6rem); line-height: 1.5; margin: 0; max-width: 42rem; }
.legacy-supporting__section { border-block-start: 1px solid var(--line); display: grid; gap: 2.5rem; grid-template-columns: minmax(12rem, 0.55fr) minmax(0, 1fr); padding-block-start: 2rem; }
.legacy-supporting__ledger { list-style: none; margin: 0; padding: 0; }
.legacy-supporting__ledger li { border-block-end: 1px solid var(--line); display: grid; gap: 1rem; grid-template-columns: minmax(9rem, 0.45fr) minmax(0, 1fr); padding-block: 1.25rem; }
.legacy-supporting__ledger li:first-child { padding-block-start: 0; }
.legacy-supporting__ledger strong { font-family: var(--font-mono); font-size: var(--type-caption-size); font-weight: 550; letter-spacing: 0.02em; }
.legacy-supporting__ledger span { color: var(--mute); line-height: 1.6; }
.legacy-supporting__boundary { background: var(--paper-2); border-inline-start: 4px solid var(--volt); display: grid; gap: 2rem; grid-template-columns: minmax(12rem, 0.55fr) minmax(0, 1fr); padding: clamp(2rem, 5vw, 4rem); }
.legacy-supporting__boundary p { color: var(--mute); margin: 0; max-width: 42rem; }
.legacy-supporting__questions { display: grid; gap: 0; margin: 0; }
.legacy-supporting__questions div { border-block-end: 1px solid var(--line); display: grid; gap: 1rem; grid-template-columns: 2rem minmax(0, 1fr); padding-block: 1.35rem; }
.legacy-supporting__questions dt { color: var(--volt-deep); font-family: var(--font-mono); }
.legacy-supporting__questions dd { margin: 0; }
.legacy-supporting__cta { border-block: 1px solid var(--line); display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr) auto; padding-block: 3rem; }
.legacy-supporting__cta p { color: var(--mute); margin-block: 1rem 0; max-width: 42rem; }
.legacy-supporting__cta .c-button { align-self: center; }

@media (max-width: 47.99rem) {
  .legacy-supporting__hero .container,
  .legacy-supporting__intro,
  .legacy-supporting__section,
  .legacy-supporting__boundary,
  .legacy-supporting__cta { grid-template-columns: 1fr; }
  .legacy-supporting__hero h1 { font-size: clamp(2.55rem, 12vw, 4rem); }
  .legacy-supporting__ledger li { grid-template-columns: 1fr; }
  .legacy-supporting__cta .c-button { justify-self: start; }
}