/* Hallmark · page: About · macrostructure: Long Document (narrative) with Split Studio inserts
 * theme: custom "Night + Mint" · nav: N11 · footer: Ft3 + mast · shares tokens/components with home
 */

/* Problem → fix: a before/after ledger, not a feature grid */
.ledger { display: grid; gap: var(--space-md); }
.ledger__col { display: grid; gap: 0; align-content: start; padding: var(--space-lg); border-radius: var(--radius-lg); border: var(--rule-width) solid var(--color-rule); }
.ledger__col--before { background: var(--color-paper-2); }
.ledger__col--after { background: var(--color-paper); color: var(--color-ink); }
.ledger__title { font-size: var(--text-md); margin-block-end: var(--space-sm); }
.ledger__list li {
  position: relative;
  padding: var(--space-xs) 0 var(--space-xs) calc(0.6rem + var(--space-sm));
  border-block-start: var(--rule-width) solid var(--color-rule);
  font-size: var(--text-sm);
  line-height: 1.5;
}
.ledger__list li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0.1rem;
  inset-block-start: calc(var(--space-xs) + 0.5em);
  width: 0.5rem; height: 0.5rem;
}
.ledger__col--before .ledger__list li { color: var(--color-muted); }
.ledger__col--before .ledger__list li::before { height: 2px; inset-block-start: calc(var(--space-xs) + 0.7em); background: var(--color-muted); }
.ledger__col--after .ledger__list li::before { border-radius: 1.5px; background: var(--color-spark); transform: rotate(45deg); }
@media (min-width: 60rem) {
  .ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-lg); }
}

/* Beliefs */
.beliefs .card h3 { font-size: var(--text-lg); }

/* Who it's for — segments mapped to plans */
.segment { display: grid; gap: var(--space-2xs); }
.segment__plan { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-accent-text); }

/* Numbers strip */
.numbers { display: grid; gap: var(--space-lg); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 48rem) { .numbers { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Headed-to line */
.ahead {
  padding: var(--space-xl);
  border-radius: var(--radius-lg);
  background: var(--color-accent-soft);
}
.ahead p { font-family: var(--font-display); font-size: var(--text-xl); font-weight: var(--weight-display); letter-spacing: -0.025em; line-height: 1.2; max-width: 30ch; }