/* v56.5 — shared exercise-page title rhythm. Visual normalization only. */
:root{--title-teal:#2f746d;--title-ink:#173b3b;--title-muted:#68827e}
body :where(header.head,header.top,header.header,.page-head,.hero){
  box-sizing:border-box;
  text-align:center;
  margin-top:0!important;
  margin-bottom:14px!important;
  padding-top:4px!important;
}
body :where(header.head,header.top,header.header,.page-head,.hero) :where(.kicker,.tag,.chapter,.eyebrow){
  color:var(--title-teal)!important;
  font-size:11px!important;
  line-height:1.5!important;
  letter-spacing:.12em!important;
  font-weight:500!important;
  margin:0 0 7px!important;
}
body :where(header.head,header.top,header.header,.page-head,.hero) h1{
  color:var(--title-ink);
  font-size:clamp(23px,2.45vw,34px)!important;
  line-height:1.3!important;
  letter-spacing:.02em!important;
  margin:0 0 7px!important;
}
body :where(header.head,header.top,header.header,.page-head,.hero) :where(.sub,.subtitle,.lead,.question){
  color:var(--title-muted);
  font-size:12px!important;
  line-height:1.7!important;
  margin:0 auto!important;
}
/* Folding pages use a two-column header originally; make its reading order match the rest. */
body header.header{display:block!important}
body header.header .lead{margin-top:5px!important}
@media(max-width:600px){
 body :where(header.head,header.top,header.header,.page-head,.hero){margin-bottom:10px!important;padding:2px 10px 0!important}
 body :where(header.head,header.top,header.header,.page-head,.hero) :where(.kicker,.tag,.chapter,.eyebrow){font-size:9px!important;margin-bottom:5px!important}
 body :where(header.head,header.top,header.header,.page-head,.hero) h1{font-size:clamp(20px,6vw,27px)!important;margin-bottom:5px!important}
 body :where(header.head,header.top,header.header,.page-head,.hero) :where(.sub,.subtitle,.lead,.question){font-size:11px!important;line-height:1.55!important}
}