/* Shared dimensions for the eight requested section banners only. */
html body main.fw-section-page{width:100%!important;max-width:1272px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
html body .fw-section-banner{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;max-width:none!important;height:360px!important;min-height:360px!important;box-sizing:border-box!important;padding:36px 46px!important;margin:0 0 24px!important;overflow:hidden!important;border-radius:0!important;gap:0!important;isolation:isolate;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important}
html body .fw-section-banner:not([data-section-banner="games"]):before,html body .fw-section-banner:not([data-section-banner="games"]):after{display:none!important}
html body .fw-section-banner-copy{position:relative;z-index:2;width:58%;max-width:680px;min-width:0;margin:0!important;flex:none!important}
html body .fw-section-banner-copy>div{width:100%!important;max-width:none!important;padding:0!important;min-height:0!important;background:none!important}
html body .fw-section-banner-copy h1{font-size:40px!important;line-height:1.25!important;letter-spacing:-1.5px!important;margin:14px 0 18px!important;word-break:keep-all}
html body .fw-section-banner-copy h1 b{font-size:inherit!important;line-height:inherit!important}
html body .fw-section-banner-copy p,html body .fw-section-banner-copy span{line-height:1.7}
html body .fw-section-banner-copy>.hero-copy>span,html body .fw-section-banner-copy>span,html body .fw-section-banner-copy>div>span{display:block;font-size:15px!important;max-width:560px}
html body .fw-section-banner-copy>p:first-child,html body .fw-section-banner-copy>div>p:first-child{font-size:12px!important;font-weight:800;letter-spacing:1px;margin:0}
html body .fw-section-banner-copy>b{display:inline-block;margin-top:22px;font-size:12px;padding:8px 12px;border-radius:24px;background:#fff;color:#304d70}
html body img.fw-section-banner-art{position:absolute!important;z-index:1;right:0;top:0;width:42%!important;height:100%!important;max-height:none!important;object-fit:contain!important;padding:20px 16px 20px 0;box-sizing:border-box;pointer-events:none;mix-blend-mode:normal;mask-image:linear-gradient(to right,transparent,#000 12%,#000 93%,transparent)}
html body .fw-section-banner:not([data-section-banner="games"]){background:#edf3f9!important;color:#173350!important;border:0!important;border-top:4px solid #536e94!important}
html body .fw-section-banner:not([data-section-banner="games"]) h1{color:#173350!important}
html body .fw-section-banner:not([data-section-banner="games"]) p,html body .fw-section-banner:not([data-section-banner="games"]) span{color:#45617f!important}
html body .fw-section-banner[data-section-banner="sound"]{border-top-color:#198462!important}
html body .fw-section-banner[data-section-banner="daily"],html body .fw-section-banner[data-section-banner="library"]{border-top-color:#288776!important}
html body .fw-section-banner[data-section-banner="business"]{border-top-color:#766091!important}
html body .fw-section-banner[data-section-banner="mypage"]{border-top-color:#3156d8!important}
html body img.fw-section-banner-cover{padding:28px 70px!important;mask-image:none;filter:drop-shadow(0 8px 10px #18334e20)}
html body .fw-section-banner .materials-hero__stats{margin-top:18px;display:flex!important;flex-wrap:nowrap!important}
html body .fw-section-banner .materials-hero__stats strong,html body .fw-section-banner-controls label{color:#284867!important}
html body .fw-section-banner .materials-hero__stats b{border-color:#bdccd9;color:#264765;background:#ffffff70}
html body .fw-section-banner-controls{display:flex!important;align-items:center;justify-content:space-between;gap:16px;width:100%!important;max-width:none!important;margin:0 0 20px;padding:16px 20px;background:#fff;border:1px solid #d6e1ec;box-sizing:border-box;border-radius:12px}
html body .fw-section-banner-controls .materials-issue-form{flex:1;max-width:420px;background:#edf3f9;color:#284867}
html body .fw-section-banner-controls>a{color:#245581!important;border-color:#cad9e9!important}
@media(max-width:760px){
 html body .fw-section-banner{height:440px!important;min-height:440px!important;padding:26px 24px!important;align-items:flex-start!important}
 html body .fw-section-banner-copy{width:100%;max-width:none}
 html body .fw-section-banner-copy h1{font-size:29px!important;margin:10px 0 12px!important;letter-spacing:-1px!important}
 html body .fw-section-banner-copy>span,html body .fw-section-banner-copy>div>span{font-size:14px!important}
 html body img.fw-section-banner-art{top:auto;bottom:0;right:0;width:100%!important;height:205px!important;padding:0 25px 12px!important;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 90%,transparent)}
 html body img.fw-section-banner-cover{padding:4px 60px 18px!important}
 html body .fw-section-banner-controls{flex-direction:column;align-items:stretch}
 html body .fw-section-banner-controls .materials-issue-form{max-width:none}
 html body .fw-section-banner .materials-hero__stats{gap:6px;margin-top:12px}
 html body .fw-section-banner .materials-hero__stats b{padding:7px;font-size:10px;min-width:0;white-space:nowrap}
 html body .fw-section-banner .materials-hero__stats strong{font-size:16px!important}
 html body .fw-section-banner[data-section-banner="games"]{background-position:65% center!important}
 html body .fw-section-banner[data-section-banner="games"] .hero-copy{background:linear-gradient(90deg,#fffffff5,#ffffffa0)!important;padding:12px!important}
}

/* Conversation backgrounds match the supplied General gray reference. */
html body .fw-section-banner:is([data-section-banner="travel"],[data-section-banner="daily"],[data-section-banner="business"]){background:#29384F!important;border-top-color:#65758D!important;color:#fff!important}
html body .fw-section-banner:is([data-section-banner="travel"],[data-section-banner="daily"],[data-section-banner="business"]) :is(h1,p,span){color:#fff!important}
/* Replacement game and subscription illustrations. */
html body .fw-section-banner:is([data-section-banner="games"],[data-section-banner="subscription"]){background:#F4F5F7!important}
html body .fw-section-banner[data-section-banner="games"]:before,html body .fw-section-banner[data-section-banner="games"]:after{display:none!important}
html body .fw-section-banner[data-section-banner="games"] .hero-copy{background:none!important;padding:0!important}

@media(max-width:760px){html body .fw-section-banner[data-section-banner=games] img.fw-section-banner-art{height:170px!important}}

/* User-requested pale versions of each edition hue. */
html body .menu-home-banner--kinder{--requested-pale:#E7F1C9;--requested-ink:#385314}
html body .menu-home-banner--kids{--requested-pale:#FBE2C5;--requested-ink:#824411}
html body .menu-home-banner--junior{--requested-pale:#E5DCF3;--requested-ink:#4C2D7F}
html body .menu-home-banner--teens{--requested-pale:#F3DCE6;--requested-ink:#841C48}
html body .menu-home-banner--general{--requested-pale:#DFE4EC;--requested-ink:#29384F}
html body .menu-home-banner:is(.menu-home-banner--kinder,.menu-home-banner--kids,.menu-home-banner--junior,.menu-home-banner--teens,.menu-home-banner--general){background:var(--requested-pale)!important}
html body .menu-home-banner:is(.menu-home-banner--kinder,.menu-home-banner--kids,.menu-home-banner--junior,.menu-home-banner--teens,.menu-home-banner--general) .common-news-banner__copy :is(h1,h2,p,span){color:var(--requested-ink)!important}
html body .fw-section-banner:is([data-section-banner="travel"],[data-section-banner="daily"],[data-section-banner="business"]){background:#DFE4EC!important}
html body .fw-section-banner:is([data-section-banner="travel"],[data-section-banner="daily"],[data-section-banner="business"]) :is(h1,p,span){color:#29384F!important}
/* Match the supplied library background exactly. */
html body .fw-section-banner:is([data-section-banner="games"],[data-section-banner="library"],[data-section-banner="subscription"]){background:#EDF3F9!important}

/* Uniform primary-menu typography, including the active item. */
html body .topbar>a,html body .topbar .topbar__trigger{font-family:inherit!important;font-size:16px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
html body .topbar>a :is(span,b,strong),html body .topbar .topbar__trigger :is(span,b,strong){font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}

/* Shared reference typography for section hero copy. */
html body .fw-section-banner-copy h1,html body .menu-home-banner .common-news-banner__copy h1,html body .menu-home-banner .common-news-banner__copy h2{font-size:60px!important;font-weight:900!important;line-height:1.15!important;letter-spacing:-2.2px!important;margin:12px 0 16px!important}
html body .fw-section-banner-copy h1 :is(b,strong,span){font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}
html body .fw-section-banner-copy p,html body .fw-section-banner-copy>span,html body .fw-section-banner-copy>div>span,html body .menu-home-banner .common-news-banner__copy>p{font-size:24px!important;font-weight:600!important;line-height:1.4!important}
html body .fw-section-banner-copy>p:first-child,html body .fw-section-banner-copy>div>p:first-child,html body .menu-home-banner .common-news-banner__copy>p:first-child{font-size:18px!important;font-weight:900!important;letter-spacing:1.2px!important}
html body .fw-section-banner-copy .hero-copy{max-width:none!important}
@media(max-width:1100px) and (min-width:761px){html body .fw-section-banner-copy h1,html body .menu-home-banner .common-news-banner__copy :is(h1,h2){font-size:44px!important}html body .fw-section-banner-copy p,html body .fw-section-banner-copy>span,html body .fw-section-banner-copy>div>span{font-size:18px!important}}
@media(max-width:760px){html body .fw-section-banner-copy h1,html body .menu-home-banner .common-news-banner__copy :is(h1,h2){font-size:29px!important;letter-spacing:-1px!important}html body .fw-section-banner-copy p,html body .fw-section-banner-copy>span,html body .fw-section-banner-copy>div>span,html body .menu-home-banner .common-news-banner__copy>p{font-size:14px!important}html body .fw-section-banner-copy>p:first-child,html body .fw-section-banner-copy>div>p:first-child,html body .menu-home-banner .common-news-banner__copy>p:first-child{font-size:12px!important}}

html body .fw-section-banner .fw-section-banner-copy>.hero-copy>span{font-size:24px!important;font-weight:600!important;line-height:1.4!important}
@media(max-width:1100px) and (min-width:761px){html body .fw-section-banner .fw-section-banner-copy>.hero-copy>span{font-size:18px!important}}
@media(max-width:760px){html body .fw-section-banner .fw-section-banner-copy>.hero-copy>span{font-size:14px!important}}

/* Phonics and sound practice match the supplied Kinder banner. */
html body .menu-home-banner--phonics,html body .fw-section-banner[data-section-banner="sound"]{background:#E7F1C9!important;color:#385314!important}
html body .menu-home-banner--phonics .common-news-banner__copy :is(h1,h2,p,span),html body .fw-section-banner[data-section-banner="sound"] .fw-section-banner-copy :is(h1,p,span){color:#385314!important}

html body .common-news-banner.menu-home-banner.menu-home-banner--phonics.menu-home-banner--feature{background:#E7F1C9!important;background-image:none!important}

/* Remove the separate panel and offset backing behind each cover. */
html body .menu-home-banner .menu-home-banner__showcase,html body .menu-home-banner .menu-home-banner__actions,html body .menu-home-banner .menu-home-banner__feature{background:transparent!important;border:0!important;box-shadow:none!important}
html body .menu-home-banner .edition-cover--single[data-cover-index],html body .menu-home-banner .menu-home-banner__feature img,html body .menu-home-banner .menu-home-banner__feature a,html body .menu-home-banner .menu-home-banner__cover-link{box-shadow:none!important;filter:none!important;background:transparent!important;border:0!important}

/* General: keep article links fully visible without promotional body copy. */
html body .menu-home-banner.menu-home-banner--general{height:auto!important;max-height:none!important;min-height:0!important;align-items:center!important}
html body .menu-home-banner--general .common-news-banner__copy{padding:28px 40px!important;min-width:0}
html body .menu-home-banner--general .common-news-banner__copy>h1{font-size:clamp(32px,3.5vw,48px)!important;line-height:1.2!important;margin:16px 0 22px!important}
html body .menu-home-banner--general .menu-home-banner__showcase{align-self:center}
@media(max-width:760px){html body .menu-home-banner--general .common-news-banner__copy{padding:22px!important}html body .menu-home-banner--general .common-news-banner__copy>h1{font-size:28px!important;margin:12px 0 18px!important}}
