/* ============================================================
   Riser type scale — non-product pages.
   Product pages got this in the layout pass; this brings the other
   14 to the same ramp. Size, weight and rhythm only — no colour.
   ============================================================ */
body{font-size:17px;line-height:1.6}

h1{font-size:38px;line-height:1.08;font-weight:800;letter-spacing:-.4px}
h2{font-size:27px;line-height:1.2;font-weight:800;letter-spacing:-.2px;
   margin-top:52px;margin-bottom:20px}          /* ~2:1 above vs below */
h3{font-size:20px;line-height:1.3;font-weight:700;margin-top:32px;margin-bottom:12px}
h1+p,h2+p,h3+p{margin-top:0}

p,li{font-size:17px;line-height:1.6}

/* prose measure — the policy pages ran edge to edge */
main p,main li,article p,article li,.body p,.lead,.policy p,.policy li{max-width:70ch}

/* section rhythm matched to the product pages */
section{padding-top:8px}

/* floors hold the ratios on phone too: 34/17 = 2.0x body, 26/17 = 1.53x body */
@media(max-width:820px){
  h1{font-size:34px}
  h2{font-size:26px;margin-top:40px;margin-bottom:16px}
  h3{font-size:19px}
}
@media(max-width:560px){
  h2{margin-top:34px;margin-bottom:15px}
}