/* The "why this curriculum" page — the case for delaying arithmetic.

   Colours come from brand.css. This page is argument rather than activity, so
   it is set narrow and quiet: a teacher deciding whether to trust the approach
   is reading, not tapping. */

.lede {
  max-width: var(--measure);
  font-size: 1.15rem;
  line-height: 1.65;
  color: var(--ink);
}

.page h2 { max-width: var(--measure); }

.page p,
.limits,
.cite-list { max-width: var(--measure); }

/* Benezet's own words. The gold rule marks the boundary between his voice and
   ours, which on a page that argues from his evidence is the distinction the
   reader most needs to keep hold of. */

.said {
  max-width: var(--measure);
  margin: 1.5rem 0;
  padding: 0.2rem 0 0.2rem 1.2rem;
  border-left: 4px solid var(--gold);
}

.said p {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.6;
  color: var(--ink);
}

.said cite {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.82rem;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--ink-soft);
}

/* The two transcripts, side by side where there is room. They are the whole
   argument in miniature, so they get the width rather than the prose. */

.versus {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
  margin: 1.5rem 0 2rem;
}

.side {
  padding: 1.1rem 1.2rem;
  border: 1px solid var(--edge);
  border-radius: var(--radius-lg);
  background: var(--card);
}

.side h3 {
  margin: 0 0 0.75rem;
  font-size: 1rem;
  color: var(--navy-ink);
}

.transcript {
  margin: 0 0 0.9rem;
  padding-left: 1.1rem;
  color: var(--ink);
}

.transcript li { margin-bottom: 0.45rem; line-height: 1.55; }

.side .verdict {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--ink-soft);
}

/* The limitations. Deliberately not styled as a warning — they are part of the
   argument, not a disclaimer bolted to the end of it. */

.limits { margin: 1rem 0 1.5rem; padding-left: 1.2rem; }

.limits li { margin-bottom: 0.7rem; line-height: 1.6; }

.fair {
  padding: 1rem 1.2rem;
  border-radius: var(--radius);
  background: var(--navy-wash);
  border-left: 4px solid var(--navy);
}

.cite-list {
  margin: 1rem 0 1.5rem;
  padding-left: 1.2rem;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--ink-soft);
}

.cite-list li { margin-bottom: 0.6rem; }