/* Section identity: neutral surfaces, one readable accent per search entrance.

   Keep these rules separate from the shared header geometry. */

:root {

 --section-schools:#506779; --section-schools-soft:#edf2f6;

 --section-scores:#3868a0; --section-scores-soft:#edf3fb;

 --section-clubs:#34496c; --section-clubs-soft:#eef1f7;

 --section-images:#35748e; --section-images-soft:#eaf5fa;

 --section-map:#4c7165; --section-map-soft:#eef5f1;

 --section-fees:#79617e; --section-fees-soft:#f5f0f6;

 --section-compare:#59657e; --section-compare-soft:#eff1f6;

 --section-guides:#95604e; --section-guides-soft:#f9f1ed;

 --section-accent:var(--section-schools); --section-soft:var(--section-schools-soft);

}

:root[data-guide-theme="scores"],:root:has(body.score-page) {--section-accent:var(--section-scores);--section-soft:var(--section-scores-soft)}

:root[data-guide-theme="clubs"],:root:has(body.club-page) {--section-accent:var(--section-clubs);--section-soft:var(--section-clubs-soft)}

:root[data-guide-theme="images"] {--section-accent:var(--section-images);--section-soft:var(--section-images-soft)}

:root[data-guide-theme="map"],:root:has(body.geo-map-page) {--section-accent:var(--section-map);--section-soft:var(--section-map-soft)}

:root[data-guide-theme="fees"],:root:has(body.fees-page) {--section-accent:var(--section-fees);--section-soft:var(--section-fees-soft)}

:root[data-guide-theme="compare"],:root:has(body.compare-page) {--section-accent:var(--section-compare);--section-soft:var(--section-compare-soft)}

:root[data-guide-theme="guides"] {--section-accent:var(--section-guides);--section-soft:var(--section-guides-soft)}

:root {

 --accent:var(--section-accent);--accent-dark:var(--section-accent);

 --accent-soft:var(--section-soft);--accent-tint:var(--section-soft);--accent-hover:var(--section-soft);

 --green:var(--section-accent);--green-dark:var(--section-accent);--mint:var(--section-soft);--focus:var(--section-accent);

}

/* Assign each navigation item its own identity without changing its size. */

.portal-nav-links>a[data-guide-section="schools"],.hp-path[href="schools.html"]{--entry-accent:var(--section-schools);--entry-soft:var(--section-schools-soft)}

.portal-nav-links>a[data-guide-section="scores"],.hp-path[href="scores.html"]{--entry-accent:var(--section-scores);--entry-soft:var(--section-scores-soft)}

.portal-nav-links>a[data-guide-section="clubs"],.hp-path[href="clubs/index.html"]{--entry-accent:var(--section-clubs);--entry-soft:var(--section-clubs-soft)}

.portal-nav-links>a[data-guide-section="images"],.hp-path[href="images/index.html"]{--entry-accent:var(--section-images);--entry-soft:var(--section-images-soft)}

.portal-nav-links>a[data-guide-section="map"],.hp-path[href="map.html"]{--entry-accent:var(--section-map);--entry-soft:var(--section-map-soft)}

.portal-nav-links>a[data-guide-section="fees"],.hp-fee-entry{--entry-accent:var(--section-fees);--entry-soft:var(--section-fees-soft)}

.portal-nav-links>a[data-guide-section="compare"],.hp-path[href="compare.html"]{--entry-accent:var(--section-compare);--entry-soft:var(--section-compare-soft)}

.portal-nav-links>a[data-guide-section="guides"],.hp-path[href="guides/index.html"]{--entry-accent:var(--section-guides);--entry-soft:var(--section-guides-soft)}

.portal-nav .portal-nav-links>a[data-guide-section]{box-shadow:inset 0 -2px var(--entry-soft)}

.portal-nav .portal-nav-links>a[data-guide-section]:hover,.portal-nav .portal-nav-links>a[data-guide-section][aria-current]{color:var(--entry-accent);border-bottom-color:var(--entry-accent);box-shadow:none}

/* Homepage cards hint at the section they lead to. The hero remains image led. */

.hp-main .hp-path{border-top:3px solid var(--entry-accent);background:#fff}

.hp-main .hp-path .hp-path-top,.hp-main .hp-path .hp-path-arrow,.hp-main .hp-path h3{color:var(--entry-accent)}

.hp-main .hp-path:hover{background:var(--entry-soft);border-color:var(--entry-accent)}

.hp-main .hp-score-section{--hp-green:var(--section-scores)}

.hp-main .hp-score-section .hp-kicker,.hp-main .hp-score-picker h3{color:var(--section-scores)}

.hp-main .hp-score-section .hp-button:hover{background:#2f5888}

.hp-main .hp-visual-section .hp-kicker,.hp-main .hp-visual-section .hp-text-link{color:var(--section-images)}

.hp-main .hp-fee-entry{border-color:#e4dce7;background:#fff}

.hp-main .hp-fee-entry strong,.hp-main .hp-fee-entry>span{color:var(--section-fees)}

.hp-main .hp-fee-entry:hover{background:var(--section-fees-soft)}

.hp-main .hp-guides .hp-kicker,.hp-main .hp-guides .hp-text-link{color:var(--section-guides)}

/* Existing components use their own variables; bridge those to the section palette. */

:root[data-guide-theme="guides"] .guide-page{--guide-accent:var(--section-guides);--guide-soft:var(--section-guides-soft)}

.club-page .club-main{--club-accent:var(--section-clubs);--club-soft:var(--section-clubs-soft)}

.club-main .club-score-summary{color:var(--section-clubs)}

.fees-page .fee-page,.fee-school-section,.fee-comparison{--fee-accent:var(--section-fees)}

.fee-page .fee-support-cta{background:var(--fee-accent);border-color:var(--fee-accent)}

.fee-page .fee-support-result strong,.fee-school-section .fee-support-result strong,.fee-comparison .fee-support-result strong{color:var(--fee-accent)}

.fee-page .fee-periods button[aria-pressed="true"]{background:var(--fee-accent);border-color:var(--fee-accent)}

.geo-search,.geo-dialog{--geo-accent:var(--section-map);--geo-soft:var(--section-map-soft)}

.score-page #score-center-slider,.hp-main #hp-score{accent-color:var(--section-scores)}

.score-page #score-center-slider::-webkit-slider-thumb,.hp-main #hp-score::-webkit-slider-thumb{background:var(--section-scores)}

.score-page #score-center-slider::-moz-range-thumb,.hp-main #hp-score::-moz-range-thumb{background:var(--section-scores)}

:root[data-guide-theme="images"] .tabs button[aria-pressed="true"],:root[data-guide-theme="images"] .season-tabs button[aria-pressed="true"]{background:var(--section-images);border-color:var(--section-images);color:#fff}

:root[data-guide-theme="images"] .intro .eyebrow,:root[data-guide-theme="images"] .counts strong{color:var(--section-images)}

/* Color is secondary to the existing text labels and current-page indicator. */

@media(forced-colors:active){.hp-main .hp-path{border-top-color:ButtonText}.portal-nav .portal-nav-links>a[data-guide-section][aria-current]{border-bottom-color:LinkText}}



.hp-score-section .hp-selected-band,.score-page .score-selected-band{background:#d9e6f5;border-color:#a8bed9}



.hp-main .hp-score-section .hp-range-ticks{color:#67798c}.hp-main .hp-score-section .hp-score-track:before{background:#dce4ed}


/* Grade-based private-school search has the same purple identity in the shared navigation. */
:root{--section-grades:#665486;--section-grades-soft:#f1edf8}
:root[data-guide-theme="grades"]{--section-accent:var(--section-grades);--section-soft:var(--section-grades-soft)}
.portal-nav-links>a[data-guide-section="grades"]{--entry-accent:var(--section-grades);--entry-soft:var(--section-grades-soft)}