:root{--page-title-display:none;}/* Start custom CSS *//* Success-in-You Launch only. Everything else comes from the shared pf.css. */

/* Hero: white-to-blue wash with a peach glow and a tall photo (as on the original and the Teens page). */
.pf.pf .launch-hero { background: radial-gradient(circle at 10% 20%, rgba(244,190,148,.18), transparent 34%), linear-gradient(120deg, #fff 0%, #fff 52%, #F5F8FA 100%); }
@media (min-width: 768px) { .pf.pf .launch-hero .pf-split { grid-template-columns: .93fr 1.07fr; } }
.pf.pf .launch-hero-img img { height: 575px; object-fit: cover; }
@media (max-width: 767px) { .pf.pf .launch-hero-img img { height: auto; } }

/* Tighter padding in the five narrow Foundations cards (as on Teens), and space above the note under them. */
.pf.pf .launch-five .pf-card { padding-left: 18px; padding-right: 18px; }
.pf.pf .launch-five-note { margin-top: 42px; }

/* Audio sample in the first resource card. */
.pf.pf .launch-library audio { display: block; width: 100%; }/* End custom CSS */