/* =====================================================================
   FILE: kcbme/impact.css — fact boxes and goal copy for kcbme/index.php. Loaded AFTER landing.css.
   Grid/flow only, no flexbox. Corners 8px at most.
   ===================================================================== */

#content h2 { font-size: 3.4rem; line-height: 1.2; }

#content .motive p { text-align: center; max-width: 760px; margin-left: auto; margin-right: auto; }

#content .fact {
    background: #f4f7fc;
    border-left: 10px solid #87A8DE;
	border-right: 10px solid #87A8DE;
    border-radius: 8px;
    padding: 16px 22px;
    margin: 18px auto;
    max-width: 760px;
    text-align: center;
}
#content .fact-num {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 5rem;
    line-height: 1.1;
    font-weight: 500;
    color: #5f8fdd;
}
#content .fact p { padding: 4px 0 0; font-size: 1.8rem; line-height: 1.5; margin: 0; max-width: none; }
#content .fact p.fact-src { font-size: 1.3rem; line-height: 1.4; color: #7a8199; padding-top: 10px; }
#content .fact p.fact-src a { color: #5f8fdd; text-decoration: underline; }

#content .motive p.motive-cta { text-align: center; font-size: 2.1rem; font-weight: 500; color: #4b5788; padding-top: 14px; }
#content p.facts-note { text-align: center; font-size: 1.2rem; color: #8a90a6; padding-top: 10px; }

.innerwrap .next-lead { font-size: 2rem; font-weight: 300; margin-top: 30px; margin-bottom: -10px; }

@media (max-width: 600px) {
    #content h2 { font-size: 2.6rem; }
    #content .fact-num { font-size: 4rem; }
}