/* Home proof section: the chart on the left, a short "how to read it" note on
   the right from 1024px up. Stacks under the chart on narrower screens. */
.proof-note {
  margin-top: var(--space-5);
  max-width: 48ch;
  color: var(--text-primary);
}

@media (min-width: 1024px) {
  .proof-layout {
    display: grid;
    grid-template-columns: minmax(0, 760px) minmax(0, 1fr);
    column-gap: var(--space-9);
    align-items: start;
  }

  .proof-note {
    margin-top: var(--space-6);
    padding-left: var(--space-5);
    border-left: 1px solid var(--section-rule);
  }
}