/* Deep colour anchors the introduction and next step; reading areas stay light. */
#main>.page-hero,#main>.editorial-heading{--header-bg:#092b45;background:var(--header-bg);color:#fff;border-bottom:0}
#main>.editorial-heading{padding-block:56px 64px}
#main>.page-hero h1,#main>.editorial-heading h1{color:#fff}
#main>.page-hero .eyebrow,#main>.editorial-heading .eyebrow{color:#c6e2ee}
#main>.page-hero .lead,#main>.editorial-heading .lead{color:#e0ebf2}
#main>.page-hero .button,#main>.editorial-heading .button{background:#fff;border-color:#fff;color:#142f43;box-shadow:none}
#main>.page-hero .button.secondary,#main>.editorial-heading .button.secondary{background:transparent;border-color:#b5c9d6;color:#fff}
#main>.page-hero .text-link,#main>.editorial-heading .text-link{color:#fff;text-decoration:underline;text-underline-offset:4px}
#main>.page-hero a:focus-visible,#main>.editorial-heading a:focus-visible{outline:3px solid #a4eee3;outline-offset:5px}
#main .preparation-card-0{background:#153f70;border-color:#79b9f0}
#main .preparation-card-1{background:#164b45;border-color:#78d6b5}
#main .preparation-card h2{color:#fff}
#main .preparation-card p{color:#e0ebf2}
#main .preparation-card .text-links a{color:#fff;text-decoration:underline;text-underline-offset:4px}
#main .preparation-card a:focus-visible{outline:3px solid #a4eee3;outline-offset:5px}
#main>.final-cta{background:#092b45;color:#fff;border:0}
#main>.final-cta h2{color:#fff}
#main>.final-cta p{color:#e0ebf2}
#main>.final-cta .eyebrow{color:#bde4ee}
#main>.final-cta .button{background:#fff;border-color:#fff;color:#142f43;box-shadow:none}
#main>.final-cta .button.outline{background:transparent;border-color:#b5c9d6;color:#fff}
#main>.final-cta a:focus-visible{outline:3px solid #a4eee3;outline-offset:5px}
@media(max-width:640px){#main>.editorial-heading{padding-block:38px 44px}}
@media print{#main>.page-hero,#main>.editorial-heading,#main>.final-cta,#main .preparation-card{background:#fff;color:#111}#main>.page-hero h1,#main>.editorial-heading h1,#main>.page-hero .lead,#main>.editorial-heading .lead,#main>.final-cta h2,#main>.final-cta p,#main .preparation-card h2,#main .preparation-card p{color:#111}}

/* Owner-supplied age-category artwork and matching colours. */
#main>.level-primary{--header-bg:#e8f8fc;--category-accent:#007f9b}
#main>.level-junior{--header-bg:#fff2e8;--category-accent:#a7470c}
#main>.level-intermediate{--header-bg:#e9f7ef;--category-accent:#187347}
#main>.level-senior{--header-bg:#fff0f0;--category-accent:#b22d37}
#main>.challenge-level-hero{border-bottom:4px solid var(--category-accent)}
#main>.challenge-level-hero .hero-composition{grid-template-columns:minmax(0,1fr) minmax(240px,380px);gap:48px}
#main>.challenge-level-hero h1{color:#142f43}
#main>.challenge-level-hero .eyebrow{color:var(--category-accent)}
#main>.challenge-level-hero .lead{color:#465c6c}
#main>.challenge-level-hero .button{background:var(--category-accent);border-color:var(--category-accent);color:#fff}
#main>.challenge-level-hero .button.secondary{background:transparent;border-color:var(--category-accent);color:var(--category-accent)}
#main>.challenge-level-hero a:focus-visible{outline-color:var(--category-accent)}
.challenge-hero-image{display:block;width:100%;height:auto;max-width:380px;justify-self:end;border:0;border-radius:0;box-shadow:none}
@media(max-width:760px){#main>.challenge-level-hero .hero-composition{grid-template-columns:1fr;gap:28px}.challenge-hero-image{justify-self:center;max-width:320px}}

#main>.challenge-level-hero .hero-composition{padding-bottom:0;align-items:end}#main>.challenge-level-hero .hero-inner{padding-bottom:64px}#main>.challenge-level-hero .challenge-hero-image{align-self:end;max-width:460px;width:100%;display:block}@media(max-width:760px){#main>.challenge-level-hero .hero-inner{padding-bottom:0}#main>.challenge-level-hero .challenge-hero-image{max-width:360px}}

@media(max-width:760px){#main>.challenge-level-hero .challenge-hero-image{display:none}#main>.challenge-level-hero .hero-composition{padding-block:40px;grid-template-columns:1fr;gap:0}#main>.challenge-level-hero .hero-inner{padding-bottom:0}}

/* Keep introductory copy and actions immediate on small screens. */
@media(max-width:700px){#main>.page-hero .hero-image,#main>.page-hero .hero-visual,#main>.page-hero .challenge-hero-image,#main>.editorial-heading .editorial-photo,#main>.editorial-heading+section>.wrap>.editorial-photo,#main>.page-hero+.premium-section .section-visual.academic-media{display:none}}
@media(max-width:700px){#main>.editorial-hero+.wrap>.editorial-photo{display:none}}