/* ---------- coaching page only ---------- */
/* the arc of a programme: six to eight weeks, drawn as a run of cells */
.arc{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1px;margin-top:2.75rem;background:color-mix(in srgb,var(--sage-glow) 26%,transparent);border-radius:var(--r-card);overflow:hidden}
/* two columns on a phone leave a 22-character measure; one column reads */
@media(max-width:560px){ .arc{grid-template-columns:1fr} }
.arc-cell{background:var(--forest);padding:1.25rem 1.1rem}
.arc-cell .d{font-size:var(--label);font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--sage-glow);display:block;margin-bottom:.55rem}
.arc-cell .t{font-family:var(--display);font-size:1rem;color:var(--on-forest);line-height:1.35;display:block}
.arc-cell--on{background:color-mix(in srgb,var(--copper) 16%,var(--forest))}
/* the tint takes copper-glow to 3.78:1, so this cell's label is olive */
.arc-cell--on .d{color:var(--olive)}

.compare{margin-top:2.5rem;max-width:46rem}
.compare .keyrow{grid-template-columns:12rem minmax(0,1fr)}
@media(max-width:640px){ .compare .keyrow{grid-template-columns:1fr;gap:.3rem} }