/* /academy v3 (24 Oct 2026). Loaded on the Academy page only. Supersedes mk-academy-cream-v1.css (its cream cards are included below).
   1. One type system: Playfair for titles and numerals, Newsreader for ALL running text, Montserrat only for small labels and buttons.
   2. One size scale for text (lede 21 / body 17 / fine print 15) and one for labels (11px caps).
   3. The staircase rises by the same amount at every step (it used to jump 364, 451, 462, 528, 594px: steps 2 and 3 looked the same).
   4. Both two-column rows share one grid, so the right-hand cards line up. Markup and copy are untouched. */

/* ---------- 1 + 2: type ---------- */
body.mk-paper.mk-paper .cl-door p,
body.mk-paper.mk-paper .cl-money .muted,
body.mk-paper.mk-paper .apply .muted,
body.mk-paper.mk-paper .cl-for .ticks li,
body.mk-paper.mk-paper .consent,
body.mk-paper.mk-paper .lead-err,
body.mk-paper.mk-paper .lead-done p{font-family:var(--mk-read);font-size:17px;line-height:1.6;font-weight:400;letter-spacing:0;text-transform:none}
body.mk-paper.mk-paper .cl-door p,
body.mk-paper.mk-paper .cl-money .muted,
body.mk-paper.mk-paper .apply .muted{color:var(--mk-charcoal)}
body.mk-paper.mk-paper .cl-money .muted.small,
body.mk-paper.mk-paper .apply .muted.small{color:var(--mk-muted)}
body.mk-paper.mk-paper .cl-money .muted.small,
body.mk-paper.mk-paper .apply .muted.small,
body.mk-paper.mk-paper .consent,
body.mk-paper.mk-paper .lead-err{font-size:15px;line-height:1.55}
body.mk-paper.mk-paper .cl-intro .lede,
body.mk-paper.mk-paper .cl-lede{font-family:var(--mk-read);font-size:clamp(19px,1.7vw,21px);line-height:1.55}
body.mk-paper.mk-paper .cl-d{font-family:var(--mk-read);font-size:16px;line-height:1.55}
body.mk-paper.mk-paper .price span{font-family:var(--mk-read);font-size:18px}

/* labels: one style, Montserrat 11px capitals */
body.mk-paper.mk-paper .cl-tag,
body.mk-paper.mk-paper .cl-promo,
body.mk-paper.mk-paper .ac-facts dt,
body.mk-paper.mk-paper .fld span,
body.mk-paper.mk-paper .cl-facts{font-family:var(--mk-sans);font-size:11px;line-height:1.55;font-weight:500;letter-spacing:1.6px;text-transform:uppercase}

/* ---------- 3: the staircase ---------- */
body.mk-paper.mk-paper .cl-steps{--base:clamp(430px,calc(430px + (1200px - 100vw) * .5),540px);--rise:72px;margin-top:clamp(40px,5vw,64px)}
body.mk-paper.mk-paper .cl-step{gap:10px;padding:26px 22px 22px}
@media(min-width:861px){
  body.mk-paper.mk-paper .cl-step{min-height:calc(var(--base) + var(--i) * var(--rise))}
}
@media(min-width:861px) and (max-width:1000px){
  body.mk-paper.mk-paper .cl-steps{--base:590px;--rise:64px}
}

/* ---------- 4: the two rows share one grid ---------- */
body.mk-paper.mk-paper .cl-for,
body.mk-paper.mk-paper .cl-money{grid-template-columns:1.1fr .9fr;gap:var(--gutter);align-items:stretch}
@media(max-width:860px){
  body.mk-paper.mk-paper .cl-for,
  body.mk-paper.mk-paper .cl-money{grid-template-columns:1fr}
}
body.mk-paper.mk-paper .cl-door{display:flex;flex-direction:column}
body.mk-paper.mk-paper .cl-door .more{margin-top:auto}

/* ---------- the two cards that were black are cream, like their neighbours (from v1) ---------- */
body.mk-paper .sheet.dark.cl-door,
body.mk-paper .sheet.dark.pad{background:url(/brand/assets/paper-card-v2.png) repeat,#FBFAF7;color:var(--mk-ink);box-shadow:var(--desk-shadow)}
body.mk-paper .sheet.dark.cl-door .h3,
body.mk-paper .sheet.dark.pad .h3{color:var(--mk-ink)}
body.mk-paper .sheet.dark.cl-door p{color:var(--mk-charcoal)}
body.mk-paper .sheet.dark.cl-door .more{color:var(--mk-bronze)}
body.mk-paper .sheet.dark.pad .ac-facts{border-left-color:var(--mk-hairline)}
body.mk-paper .sheet.dark.pad .ac-facts dt{color:var(--mk-bronze)}
body.mk-paper .sheet.dark.pad .ac-facts dd{color:var(--mk-ink)}

/* ---------- v3: the thin line above each step's note sits at the same level on all five steps ----------
   The notes run from 5 lines to 1, and each is pinned to the bottom of its step, so the lines used to fall 120/86/69/86/52px above the bottom.
   Every note now has the height of the longest one (5 lines; 6 where the columns are narrowest, 861-1000px). */
@media(min-width:861px){
  body.mk-paper.mk-paper .cl-tag{min-height:98px}
}
@media(min-width:861px) and (max-width:1000px){
  body.mk-paper.mk-paper .cl-tag{min-height:115px}
}