/* An editorial map of the model's ideas, following the Common Ground proposal. */
.ms-chapters { padding: clamp(44px, 5vw, 72px) 0; background: var(--ch-band); }
.ms-chapters-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; gap: clamp(28px, 5vw, 80px); }
.ms-chapters h2 { max-width: 13ch; font-family: var(--ch-display); font-size: clamp(2rem, 3.2vw, 3rem); font-weight: 600; line-height: 1.05; letter-spacing: -.014em; color: var(--ch-ink); }
.ms-chapters-grid > div:first-child > p { max-width: 35ch; margin-top: 18px; color: var(--ch-band-ink); }
.ms-chapters-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(18px, 2.5vw, 38px); }
.ms-chapters-list a { display: flex; flex-direction: column; gap: 8px; padding: 18px 0 22px; border-top: 1px solid var(--ch-line-2); color: var(--ch-ink); text-decoration: none; }
.ms-chapters-list strong { font-family: var(--ch-display); font-size: 1.3rem; font-weight: 600; line-height: 1.2; }
.ms-chapters-list span { max-width: 30ch; font-size: .94rem; line-height: 1.5; color: var(--ch-band-ink); }
.ms-chapters-list a:hover { border-color: var(--ch-orange); }
@media (max-width: 720px) {
  .ms-chapters-grid { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 460px) {
  .ms-chapters-list { grid-template-columns: 1fr; }
}