/* Long-form reading scale for case studies and playbooks (/case-study/*, /playbooks/*).
   Webflow set rich-text body copy at 24px and quotes at 28px, far above the rest of the site.
   This brings them to the guides' scale and ties headings to the section they start.
   Linked by scripts/case_widgets.py after the Webflow CSS; "body" lifts specificity over Webflow. */
body .playbookrichblock{grid-row-gap:18px;row-gap:18px}
body .playbookrichblock p,
body .playbookrichblock li{font-size:1.125rem;line-height:1.65;letter-spacing:-.01rem}
body .playbookrichblock ul,
body .playbookrichblock ol{grid-row-gap:.35rem;row-gap:.35rem;padding-left:28px}
body .playbookrichblock h2{font-size:2rem;line-height:1.2;letter-spacing:-.04rem;margin-top:32px;margin-bottom:0}
body .playbookrichblock h3{font-size:1.5rem;line-height:1.25;letter-spacing:-.02rem;margin-top:16px;margin-bottom:0}
body .playbookrichblock h4,body .playbookrichblock h5,body .playbookrichblock h6{font-size:1.25rem;line-height:1.3;font-weight:600;letter-spacing:-.01rem;color:var(--_colors---dark-green);margin:8px 0 0}
body .playbookrichblock > :first-child{margin-top:0}
body .playbookrichblock blockquote{font-size:1.375rem;line-height:1.45;letter-spacing:-.02rem;padding:28px 32px;margin:8px 0}
body .playbookrichblock blockquote p{font-size:inherit;line-height:inherit}
body .playbookrichblock blockquote em{font-style:normal}
body .playbookrichblock figure{margin:8px 0}

/* widgets sit a little wider than the text column on desktop, so they read as inserts */
body .playbookrichblock .gpw{margin:14px 0}
@media (min-width:992px){
  body .playbookrichblock .gpw{margin-left:-32px;margin-right:-32px}
}

/* hero summary and the playbook "What you'll learn / More about the expert" panel */
body .largetext.playbook{font-size:1.25rem;line-height:1.6;letter-spacing:0;word-spacing:.02em;max-width:44rem;margin-left:auto;margin-right:auto;text-wrap:pretty;color:rgba(255,255,255,.92)}
body .playbookinfocontent .mediumtext,
body .playbookinfocontent p{font-size:1.125rem;line-height:1.65}
body .playbookinfolistitem{font-size:1.125rem;line-height:1.5}

/* hero: the summary got shorter, so less empty band before the overlapping cards (desktop/tablet; phones already tight) */
@media (min-width:480px){
  body .playbookherosection{padding-bottom:250px}
  body .playbookherosection.casestudy{padding-bottom:210px}
}

@media (max-width:479px){
  body .playbookrichblock{grid-row-gap:14px;row-gap:14px}
  body .playbookrichblock p,
  body .playbookrichblock li{font-size:1.0625rem;line-height:1.6}
  body .playbookrichblock h2{font-size:1.6rem;margin-top:24px}
  body .playbookrichblock h3{font-size:1.3rem;margin-top:12px}
  body .playbookrichblock h4{font-size:1.15rem}
  body .playbookrichblock blockquote{font-size:1.15rem;padding:20px}
  body .playbookrichblock ul,body .playbookrichblock ol{padding-left:22px}
  body .largetext.playbook{font-size:1.0625rem}
  body .playbookinfocontent .mediumtext,body .playbookinfocontent p,body .playbookinfolistitem{font-size:1.0625rem}
}