/* Monthly introduction only. Package content and shared styles are untouched. */
.monthly-intro { padding:40px 0 44px; background:var(--cream); }
.monthly-intro h1 { font-size:clamp(38.64px,4.278vw,64.4px); }
.monthly-intro .split > div > .eyebrow { font-size:17.4px; color:var(--navy); }
.monthly-intro .hero-points { font-size:18px; font-weight:600; color:var(--navy); }
.monthly-intro .hero-points li { display:flex; align-items:flex-start; gap:12px; padding:7px 0; }
.monthly-intro .hero-points li::before { content:none; }
.monthly-intro .hero-confirmation { flex:0 0 30px; width:30px; height:30px; margin-top:1px; }
.monthly-intro .monthly-approved-report { display:block; width:auto; height:auto; max-width:100%; max-height:500px; justify-self:center; object-fit:contain; }
.monthly-intro .monthly-included { padding-top:36px; }
.monthly-intro .monthly-included .eyebrow { color:var(--navy); }
.monthly-intro .monthly-included .cadence { gap:35px; }
@media(max-width:800px) {
 .monthly-intro { padding:32px 0 36px; }
 .monthly-intro h1 { font-size:41.4px; }
 .monthly-intro .split > div > .eyebrow { font-size:17.4px; }
 .monthly-intro .hero-points { font-size:17px; }
 .monthly-intro .hero-confirmation { flex-basis:26px; width:26px; height:26px; }
 .monthly-intro .monthly-approved-report { width:100%; max-width:340px; max-height:none; }
 .monthly-intro .monthly-included { padding-top:36px; }
}