/* Match the source's centered editorial frame.  Text remains left-aligned
   inside the frame; it is deliberately not centered as a paragraph block. */
@media (min-width:721px){
  .reference-page .page-hero{
    padding:120px max(40px,calc((100% - 1180px)/2 + 40px)) 42px;
  }
  .reference-page .page-hero h1{
    max-width:630px;
    margin:22px 0 0;
    font-size:66px;
    line-height:1.1;
    letter-spacing:-.005em;
  }
  .reference-page .page-hero>p{max-width:697px;margin:22px 0 0;font-size:16px;line-height:1.6}
  .reference-page .page-body.rich-page-body{
    width:min(1180px,calc(100% - 80px));
    grid-template-columns:minmax(0,697px) minmax(240px,1fr);
    gap:80px;
    margin:0 auto;
    padding:44px 40px 96px;
  }
  .reference-page .page-body.rich-page-body.no-related{grid-template-columns:minmax(0,697px)}
  .rich-page-copy{max-width:697px}
  .rich-page-copy p{font:400 16px/1.6 Arial,Helvetica,sans-serif;color:#243a5c;margin:0 0 20px}
  .content-section{margin:52px 0 0;padding-top:30px}
  .content-section h2{font:400 29px/1.6 Georgia,serif;letter-spacing:0;margin:0 0 16px}
  .content-section ul{margin:20px 0 26px}
  .content-section li{font-size:16px;line-height:1.6;padding:12px 0 12px 25px}
  .content-section li:before{top:21px;width:7px;height:7px}
  .rich-page-copy blockquote{margin:28px 0;padding:5px 0 5px 22px;border-top:0;border-left:2px solid var(--green);font:400 21px/1.5 Georgia,serif;letter-spacing:0}
  .page-cta{gap:55px;padding:46px max(40px,calc((100% - 1100px)/2));align-items:center}
  .page-cta h2{max-width:630px;margin:14px 0 12px;font-size:34px;line-height:1.2;letter-spacing:-.01em}
  .page-cta p{max-width:620px;font-size:16px;line-height:1.6}
}

@media (max-width:720px){
  .rich-page-body{padding-top:48px}
  .rich-page-copy p{font:400 17px/1.65 Arial,Helvetica,sans-serif}
  .content-section h2{font-size:31px;line-height:1.25}
  .rich-page-copy blockquote{font-size:24px;line-height:1.35}
}