/* Compact 300px banners on all inner pages. */
:root{--page-banner-height:300px}
main>section:is(.catalog-hero,.why-hero,.hub-hero,.faq-hero,.information-hero){height:300px;min-height:300px;box-sizing:border-box;padding:25px 6%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;overflow:hidden}
.catalog-hero-copy,.why-hero-copy,.hub-hero>div:not(.hub-editor-note){max-width:900px;width:100%}
:is(.catalog-hero,.why-hero,.hub-hero,.faq-hero,.information-hero) :is(.breadcrumb,.why-breadcrumb,.hub-breadcrumb,.faq-breadcrumb,.information-breadcrumb){position:static;font-size:12px;line-height:1.5;margin:0 0 13px}
:is(.catalog-hero,.why-hero,.hub-hero,.faq-hero,.information-hero) h1{font-size:42px;line-height:1.15;letter-spacing:-1.5px;margin:0}
:is(.catalog-hero,.why-hero,.hub-hero,.faq-hero,.information-hero) .eyebrow{font-size:10px;line-height:1.5;margin-bottom:10px}
.catalog-hero-copy>p,.why-hero-copy>p,.hub-hero>div>p,.faq-hero>p,.information-hero>p{font-size:16px;line-height:1.7;margin:13px 0 0;max-width:820px}
.information-hero .information-tagline{font-size:19px;line-height:1.4;margin:13px 0 0}.information-hero .version-label{font-size:11px;margin-top:12px}
:is(.catalog-hero,.why-hero,.hub-hero) .hero-actions,.catalog-hero-note,.why-hero-note,.catalog-hero>.curriculum-map,.hub-hero>.hub-editor-note{display:none}
.faq-orbit{width:210px;height:210px;right:8%;top:45px;opacity:.45}.faq-orbit span{font-size:155px}
.banner-tools{padding:22px 6%;background:#201a36;display:flex;align-items:center;flex-wrap:wrap;gap:18px 30px}.banner-tools .hero-search,.banner-tools .faq-search{margin:0;width:min(100%,680px);flex:1 1 480px}.banner-tools .popular-searches,.banner-tools .hub-shortcuts{margin:0}.banner-tools .hub-shortcuts{color:#ead6f5}
@media(max-width:540px){main>section:is(.catalog-hero,.why-hero,.hub-hero,.faq-hero,.information-hero){padding:20px 6%}:is(.catalog-hero,.why-hero,.hub-hero,.faq-hero,.information-hero) h1{font-size:32px;letter-spacing:-1px}:is(.catalog-hero,.why-hero,.hub-hero,.faq-hero,.information-hero) .eyebrow{font-size:9px;margin-bottom:8px}.catalog-hero-copy>p,.why-hero-copy>p,.hub-hero>div>p,.faq-hero>p,.information-hero>p{font-size:14px;line-height:1.65;margin-top:11px}.information-hero .information-tagline{font-size:17px}.information-hero .version-label{font-size:10px;margin-top:10px}.faq-orbit{right:-80px;opacity:.25}.banner-tools{padding:20px 6%;gap:16px}.banner-tools .hub-shortcuts{font-size:11px}}
/* Shared breadcrumb image and clean 300px banners. */
main>section:is(.catalog-hero,.why-hero,.hub-hero,.faq-hero,.information-hero){background:linear-gradient(90deg,#15152fec 0%,#241a3cdb 50%,#241a3c94 100%),url('assets/hero/cta-learning.png') center 55%/cover no-repeat;color:#fff;isolation:isolate}
main>section:is(.catalog-hero,.why-hero,.hub-hero,.faq-hero,.information-hero):before,main>section:is(.catalog-hero,.why-hero,.hub-hero,.faq-hero,.information-hero):after{display:none}
.why-hero>img,.hub-hero>.hub-hero-photo,.faq-orbit,.banner-tools{display:none}