body.schoolsView{background:#fff}#schools.schoolDirectory{padding:0;background:#fff;color:#112d43;--school-border:#dde5eb;--school-ink:#112d43;--school-muted:#607280;--school-accent:#345a90}#schools button,#schools select,#schools input{font:inherit}#schools button,#schools a,#schools select,#schools summary{touch-action:manipulation}#schools button:focus-visible,#schools a:focus-visible,#schools input:focus-visible,#schools select:focus-visible,#schools summary:focus-visible{outline:3px solid #438cb4;outline-offset:3px}#schools .schoolHero{display:grid;grid-template-columns:1fr 1fr;min-height:470px;border-bottom:1px solid var(--school-border)}#schools .schoolHeroCopy{padding:58px 5vw 36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}#schools .schoolKicker{font-size:10px;letter-spacing:2.5px;font-weight:650;color:#52758d}#schools .schoolHero h1{font-family:Georgia,'Noto Serif TC','Songti TC',serif;font-size:clamp(32px,3.8vw,58px);font-weight:450;line-height:1.28;letter-spacing:-1.2px;white-space:pre-line;margin:22px 0 18px;max-width:530px}#schools .schoolHeroCopy>p{font-size:17px;line-height:1.8;color:var(--school-muted);margin:0 0 25px}#schools .schoolHero figure{margin:0;position:relative;min-width:0;overflow:hidden}#schools .schoolHero figure img{width:100%;height:100%;object-fit:cover;display:block;max-height:520px}#schools .schoolHero figcaption{position:absolute;bottom:0;right:0;background:#ffffffeb;padding:6px 12px;font-size:10px;color:#5d6e79}#schools .schoolHeroActions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}#schools .btn{background:#153b58;color:white;border:1px solid #153b58;font-size:13px;letter-spacing:.3px;padding:13px 20px;line-height:1.5}#schools .btn:hover{background:#225574}#schools .schoolTextLink{color:#153b58;font-size:13px;border-bottom:1px solid #b8c8d4;padding-bottom:4px;text-decoration:none}#schools .schoolHeroCount{display:flex;gap:16px;align-items:center;margin-top:35px;padding-top:20px;border-top:1px solid var(--school-border);width:100%}#schools .schoolHeroCount strong{font:42px Georgia,serif;font-weight:400}#schools .schoolHeroCount span{font-size:12px;color:#446277;line-height:1.9}#schools .schoolHeroCount small{font-size:8px;letter-spacing:1.3px}#schools .schoolExplorer{padding:42px 5vw 65px;scroll-margin-top:24px}#schools .schoolSectionHeading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}#schools .schoolSectionHeading h2{font-size:27px;font-weight:500;margin:10px 0 0;letter-spacing:.5px}#schools .schoolSectionHeading>span{font-size:10px;color:var(--school-muted)}#schools .schoolStages{display:flex;gap:0;border:1px solid var(--school-border);margin-bottom:22px;overflow-x:auto}#schools .schoolStages button{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-right:1px solid var(--school-border);background:#fff;padding:18px 12px;color:#536777;flex:1;white-space:nowrap;cursor:pointer;font-size:13px;min-height:64px}#schools .schoolStages button:last-child{border-right:0}#schools .schoolStages button[aria-pressed=true]{background:#153b58;color:white}#schools .schoolStages button small{font:12px Georgia,serif;opacity:.6}#schools .schoolStages svg{width:25px;height:25px;flex-shrink:0}#schools .schoolStages button>span{font-size:25px}#schools .schoolFilters{display:grid;grid-template-columns:minmax(210px,2.5fr) minmax(140px,1fr) minmax(140px,1fr) auto;gap:14px 18px;margin:0}#schools label{display:block;font-size:10px;letter-spacing:.4px;color:var(--school-muted)}#schools input[type=search],#schools select{width:100%;min-width:0;border:1px solid #d4dfe7;border-radius:0;padding:11px 12px;font-size:13px;background:#fff;color:#18394f;height:44px;margin-top:5px}#schools .schoolSearch>span{display:block}#schools .schoolReset{align-self:end;height:44px;background:transparent;border:0;color:#285675;cursor:pointer;font-size:12px}#schools .schoolAdvanced{grid-column:1/-1;border-bottom:1px solid var(--school-border);padding:0 0 18px}#schools .schoolAdvanced summary{font-size:12px;color:#315e7c;display:flex;justify-content:space-between;align-items:center;list-style:none;max-width:100%;padding:0 0 4px}#schools .schoolAdvanced summary::-webkit-details-marker{display:none}#schools .schoolAdvanced summary span{font-size:20px;font-weight:300}#schools .schoolAdvancedGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 22px;padding-top:15px}#schools .schoolSmall{font-size:11px;line-height:1.8;color:var(--school-muted);margin:12px 0 0}#schools .schoolResultsBar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0}#schools .schoolResultsBar>p{font-size:12px;flex:1;margin:0}#schools .schoolResultsBar>label{display:flex;align-items:center;gap:10px;white-space:nowrap}#schools .schoolResultsBar select{width:170px;margin:0;padding:7px 10px;height:35px;font-size:11px}#schools .schoolViews{display:flex;border:1px solid var(--school-border)}#schools .schoolViews button{border:0;border-right:1px solid var(--school-border);background:#fff;padding:8px 11px;color:#607280;cursor:pointer;font-size:11px}#schools .schoolViews button:last-child{border:0}#schools .schoolViews button[aria-pressed=true]{background:#edf3f7;color:#143b58}#schools .schoolWorkspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:25px;align-items:start}#schools .schoolWorkspace[data-view=list]{grid-template-columns:1fr}#schools .schoolWorkspace[data-view=list] .schoolMapPanel,#schools .schoolWorkspace[data-view=map] .schoolListing{display:none}#schools .schoolWorkspace[data-view=map]{grid-template-columns:1fr}#schools .schoolResults{display:grid;gap:17px}#schools .schoolWorkspace[data-view=list] .schoolResults{grid-template-columns:repeat(2,minmax(0,1fr))}#schools .schoolCard{border:1px solid var(--school-border);display:grid;grid-template-columns:64px minmax(0,1fr);background:white;transition:border-color .2s}#schools .schoolCard:hover{border-color:#9db5c7}#schools .schoolCardIcon{display:flex;align-items:center;flex-direction:column;padding:22px 4px;background:color-mix(in srgb,var(--school-accent) 6%,white);color:var(--school-accent);border-right:1px solid var(--school-border);gap:12px}#schools .schoolCardIcon svg{width:35px;height:35px}#schools .schoolCardIcon span{font-size:10px;text-align:center;line-height:1.5}#schools .schoolCardContent{min-width:0;padding:18px 18px 0}#schools .schoolCardMeta{color:#5b7486;font-size:10px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px}#schools .schoolCard h3{margin:8px 0 4px;line-height:1.45;font-size:19px;font-weight:550}#schools .schoolCard h3 button{padding:0;text-align:left;background:none;border:0;color:var(--school-ink);cursor:pointer;font:inherit}#schools .schoolEnglish{font-size:10px;color:#7b8993;margin:0 0 10px;line-height:1.6;letter-spacing:.2px}#schools .schoolAddress{font-size:11px;line-height:1.7;margin:0 0 10px;color:#61727d}#schools .schoolCardTags{display:flex;flex-wrap:wrap;gap:5px}#schools .schoolCardTags span{font-size:9px;background:#f1f5f7;padding:3px 7px;color:#536e80;max-width:100%;overflow-wrap:anywhere}#schools .schoolCardFee{margin:14px 0 12px}#schools .schoolCardFee strong{display:block;font-size:18px;line-height:1.5;font-weight:500;color:#234f6f}#schools .schoolCardFee small{display:block;font-size:9px;color:#708391;line-height:1.6;margin-top:3px}#schools .schoolDistance{font-size:10px;color:#48727e;margin:0 0 10px}#schools .schoolCardActions{border-top:1px solid var(--school-border);display:flex;justify-content:space-between;gap:16px;padding:11px 0}#schools .schoolCardActions button{background:none;border:0;padding:0;color:#2d5d7b;font-size:11px;cursor:pointer}#schools .schoolCardActions button[aria-pressed=true]{color:#216c74}#schools .schoolCardActions span{margin-left:7px}#schools .schoolMapPanel{position:sticky;top:22px;border:1px solid var(--school-border);padding:0 0 12px;min-width:0}#schools .schoolMapTop{padding:13px 15px;display:flex;justify-content:space-between;gap:12px;color:#3a5a70;font-size:12px}#schools .schoolMapTop label{font-size:10px;display:flex;align-items:center;gap:4px}#schools .schoolMapTop input{accent-color:#184967}#schoolMap{height:540px;background:#eef2f5;z-index:0}#schools .schoolMapPanel>.schoolSmall{padding:0 14px}#schools .schoolWorkspace[data-view=map] #schoolMap{height:640px}#schools .schoolCluster{background:#fff8;border-radius:50%;display:flex;align-items:center;justify-content:center}#schools .schoolCluster span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:2px solid white;background:#244f70;color:white;font:12px Georgia,serif;box-shadow:0 1px 5px #244f7033}#schools .schoolHomeMarker span{background:#bd7656;border:2px solid white;border-radius:50%;color:white;display:flex;width:32px;height:32px;align-items:center;justify-content:center;font-size:23px}#schools .schoolMapMenu{display:flex;flex-direction:column;max-height:240px;overflow:auto;gap:8px}#schools .schoolMapMenu button{text-align:left;background:white;border:0;border-bottom:1px solid #ddd;padding:7px;color:#18394f;font-size:11px;cursor:pointer}#schools .schoolPagination{display:flex;justify-content:space-between;align-items:center;padding:25px 0;font-size:12px}#schools .schoolPagination button,#schools .schoolCompareHeading>button,#schools .schoolCompareActions button,#schools .schoolDownload{background:white;border:1px solid var(--school-border);padding:8px 13px;color:#315c77;cursor:pointer;font-size:11px}#schools button:disabled{opacity:.35;cursor:default}#schools .schoolEmpty{padding:65px 20px;text-align:center;border:1px solid var(--school-border);font-size:13px;line-height:1.8}#schools .schoolComparison{margin-top:45px;border-top:1px solid var(--school-border);padding-top:32px}#schools .schoolCompareHeading{display:flex;justify-content:space-between;gap:20px;align-items:center}#schools .schoolCompareHeading h2{font-size:25px;margin:8px 0}#schools .schoolCompareHeading h2 small{font:16px Georgia,serif;color:#8b9ba6;margin-left:10px}#schools .schoolCompareHeading p{font-size:12px;color:var(--school-muted);margin:0}#schoolCompareMessage{font-size:12px;color:#a15e3f}#schools .schoolCompareGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}#schools .schoolCompareGrid>article{border:1px solid var(--school-border);min-width:0}#schools .schoolCompareSchool{padding:22px;background:#f6f8fa;min-height:165px}#schools .schoolCompareSchool svg{width:30px;height:30px;color:#4c7188}#schools .schoolCompareSchool h3{font-size:17px;margin:10px 0 4px}#schools .schoolCompareSchool p{font-size:9px;color:#83919b;line-height:1.5}#schools .schoolCompareGrid dl{margin:0;padding:0 22px}#schools .schoolCompareGrid dl>div{padding:14px 0;border-bottom:1px solid var(--school-border);min-height:85px}#schools dt{font-size:10px;color:#7a8d99;margin-bottom:6px}#schools dd{margin:0;font-size:12px;line-height:1.8;color:#25475e;overflow-wrap:anywhere}#schools .schoolCompareActions{padding:18px;display:flex;justify-content:space-between;gap:10px}#schools .schoolDownload{margin-top:20px}#schools .schoolCompareEmpty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}#schools .schoolCompareEmpty>span{border:1px dashed #cfdae2;padding:24px;color:#aebec9;font:26px Georgia,serif;display:flex;justify-content:space-between;align-items:center}#schools .schoolCompareEmpty small{font:20px sans-serif}#schools .schoolPlanning{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:55px;background:#f4f7f9}#schools .schoolPlanning>div{padding:35px}#schools .schoolPlanning svg{width:38px;height:38px;color:#466e87}#schools .schoolPlanning h2{font-size:25px;margin:15px 0}#schools .schoolPlanning p{font-size:12px;line-height:1.9;color:#6e818e;max-width:450px}#schools .schoolPlanningMap{border-left:1px solid var(--school-border);background:linear-gradient(90deg,transparent 49.5%,#dbe6ed55 49.5%,#dbe6ed55 50.5%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#dbe6ed55 49.5%,#dbe6ed55 50.5%,transparent 50.5%);background-size:35px 35px}#schools .schoolPlanningMap>span{font-size:10px;letter-spacing:2.5px;color:#648499}#schools .schoolPlanningMap h3{font-size:25px;margin:30px 0 18px;font-weight:450}#schools .schoolSources{margin-top:35px;padding-top:22px;border-top:1px solid var(--school-border);font-size:12px;line-height:1.9;color:#687f8f}#schools .schoolSources summary{color:#234d69;font-size:13px;margin-bottom:15px}#schools .schoolSourceCounts{display:flex;gap:30px;margin:18px 0;flex-wrap:wrap}#schools .schoolSourceCounts>span{display:flex;flex-direction:column;font-size:10px}#schools .schoolSourceCounts strong{font:27px Georgia,serif;color:#244e69;margin-bottom:3px}#schools .schoolSources a{color:#315e7b}#schools .schoolSources ul{padding-left:18px}#schools .schoolDialog{padding:0;border:0;max-width:900px;width:calc(100% - 40px);max-height:90dvh;overflow:auto;color:#14384f;background:white;box-shadow:0 20px 100px #061f3e40}#schools .schoolDialog::backdrop{background:#0c2238a6}#schools .schoolClose{position:sticky;top:12px;float:right;right:12px;margin:12px 12px -48px 0;background:#fff;border:1px solid #d8e2e9;font-size:25px;line-height:1;width:35px;height:35px;cursor:pointer;color:#335772;z-index:1}#schools .schoolDialogHero{background:#f0f5f8;padding:35px 40px;border-bottom:3px solid var(--school-accent)}#schools .schoolDialogHero>svg{width:40px;height:40px;display:block;color:var(--school-accent);margin-bottom:20px}#schools .schoolDialogHero>span{font-size:10px;color:#698292}#schools .schoolDialogHero h2{font-size:28px;margin:12px 0 7px;line-height:1.5}#schools .schoolDialogHero p{font-size:12px;color:#7c8e9c;margin:0}#schools .schoolDialogBody{padding:25px 40px 40px}#schools .schoolDetailLinks{display:flex;gap:13px 22px;flex-wrap:wrap;margin:0 0 25px}#schools .schoolDetailLinks a,#schools .schoolDetailSources a{font-size:11px;line-height:1.9;color:#2b5b7b}#schools .schoolFacts{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:0 25px}#schools .schoolFacts>div{border-bottom:1px solid #e0e7ec;padding:14px 0}#schools .schoolFees{margin-top:32px;border-top:1px solid #d9e3ea;padding-top:15px}#schools .schoolFees>h3,#schools .schoolNearby h3,#schools .schoolDetailSources h3{font-size:20px;font-weight:500}#schools .schoolFees>p{font-size:12px;color:#718695;line-height:1.9}#schools .schoolFeeRows{display:grid;grid-template-columns:1fr 1fr;gap:12px}#schools .schoolFeeRows>div{background:#f4f7f9;padding:18px}#schools .schoolFeeRows h4{font-size:11px;font-weight:400;color:#617a8b;margin:0 0 10px}#schools .schoolFeeRows strong{font-size:18px;font-weight:500;display:block;color:#204f70;line-height:1.7}#schools .schoolFeeRows p{font-size:11px;margin:5px 0;color:#6e8290}#schools .schoolFeeRows small{display:block;font-size:10px;color:#69808f;line-height:1.8}#schools .schoolDetailSources{border-top:1px solid #d9e3ea;padding-top:18px;margin-top:28px}#schools .schoolDetailSources>a{display:block;margin:5px 0}#schools .schoolNearby{border-top:1px solid #d9e3ea;margin-top:28px;padding-top:18px}#schools .schoolNearby>a{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #e0e7ec;text-decoration:none;color:#244f70;font-size:13px}#schools .schoolNearby small{display:block;font-size:10px;color:#8193a0;margin-top:4px}#schools .schoolNearby strong{font-size:12px;font-weight:400;white-space:nowrap}#schools .schoolDialogActions{margin-top:28px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}#schools .schoolDialogActions button{background:#fff;border:1px solid #d9e3ea;font-size:11px;padding:12px 15px;color:#315d79;cursor:pointer}body.schoolsView .reviewbar{background:#f5f8fa;color:#6f8190}
@media(min-width:1400px){#schools .schoolHeroCopy{padding-left:max(5vw,calc((100vw - 1400px)/2))}#schools .schoolExplorer{max-width:1400px;margin:auto;padding-left:45px;padding-right:45px}}
@media(max-width:1000px){#schools .schoolHero{min-height:390px}#schools .schoolHeroCopy{padding:35px 5vw 25px}#schools .schoolHero h1{font-size:34px}#schools .schoolHeroActions{gap:12px}#schools .schoolHeroCount{margin-top:25px}#schools .schoolStages button{font-size:11px;gap:6px;padding:14px 10px}#schools .schoolStages svg{width:21px}#schools .schoolStages small{display:none}#schools .schoolWorkspace{grid-template-columns:1fr 1fr;gap:18px}#schools .schoolCard{grid-template-columns:42px minmax(0,1fr)}#schools .schoolCardIcon svg{width:28px}#schools .schoolCardIcon span{font-size:8px}#schools .schoolCardContent{padding:15px 12px 0}#schools .schoolCard h3{font-size:16px}#schools .schoolResultsBar{gap:10px}#schools .schoolResultsBar select{width:145px}#schoolMap{height:500px}#schools .schoolHero figure img{max-height:none}}
@media(max-width:700px){#schools .schoolHero{grid-template-columns:1fr;min-height:0}#schools .schoolHeroCopy{padding:32px 6vw 24px}#schools .schoolHero h1{font-size:33px;letter-spacing:-.7px;margin-top:16px}#schools .schoolHeroCopy>p{font-size:14px;margin-bottom:18px}#schools .schoolHeroCount{margin-top:22px;padding-top:15px}#schools .schoolHeroCount strong{font-size:34px}#schools .schoolHeroCount span{font-size:10px}#schools .schoolHero figure{height:215px}#schools .schoolHero figure img{object-position:center 48%}#schools .schoolHero figcaption{font-size:8px}#schools .schoolExplorer{padding:30px 5vw 40px}#schools .schoolSectionHeading{display:block;margin-bottom:20px}#schools .schoolSectionHeading h2{font-size:24px;margin-bottom:8px}#schools .schoolSectionHeading>span{font-size:9px}#schools .schoolStages{margin-right:-5vw;border-right:0}#schools .schoolStages button{flex:0 0 auto;min-width:105px;padding:12px;min-height:57px;font-size:11px;gap:7px}#schools .schoolStages button small{display:inline;font-size:10px}#schools .schoolStages button svg{width:22px}#schools .schoolFilters{grid-template-columns:1fr 1fr;gap:12px}#schools .schoolSearch{grid-column:1/-1}#schools .schoolReset{grid-column:2;grid-row:3;justify-self:end;height:30px;padding:0 0 0 10px;font-size:11px}#schools .schoolAdvanced{grid-row:3;grid-column:1/-1;padding-bottom:12px}#schools .schoolAdvanced summary{padding-top:5px;max-width:75%}#schools .schoolAdvanced[open]+button{display:none}#schools .schoolAdvancedGrid{grid-template-columns:1fr 1fr;gap:12px}#schools .schoolAdvancedGrid label:nth-last-child(2){grid-column:1/-1}#schools input[type=search],#schools select{font-size:12px;height:42px}#schools .schoolSmall{font-size:10px}#schools .schoolResultsBar{flex-wrap:wrap;gap:12px}#schools .schoolResultsBar>p{flex-basis:100%;font-size:11px}#schools .schoolViews button{font-size:10px;padding:7px 8px}#schools .schoolResultsBar>label{margin-left:auto;font-size:0}#schools .schoolResultsBar select{font-size:10px;width:136px;height:31px}#schools .schoolWorkspace,#schools .schoolWorkspace[data-view=split]{grid-template-columns:1fr}#schools .schoolWorkspace[data-view=split] .schoolMapPanel{grid-row:1;position:static}#schools .schoolWorkspace[data-view=list] .schoolResults{grid-template-columns:1fr}#schools .schoolWorkspace[data-view=split] #schoolMap{height:300px}#schools .schoolWorkspace[data-view=map] #schoolMap{height:480px}#schools .schoolMapPanel{position:static}#schools .schoolCard{grid-template-columns:49px minmax(0,1fr)}#schools .schoolCardContent{padding:16px 15px 0}#schools .schoolCard h3{font-size:18px}#schools .schoolCardIcon svg{width:30px}#schools .schoolCardIcon span{font-size:9px}#schools .schoolCardFee strong{font-size:18px}#schools .schoolCardFee small{font-size:9px}#schools .schoolCardActions button{font-size:11px}#schools .schoolCompareHeading{align-items:start}#schools .schoolCompareHeading h2{font-size:22px}#schools .schoolCompareHeading p{font-size:11px}#schools .schoolCompareGrid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px;padding-bottom:8px}#schools .schoolCompareGrid>article{flex:0 0 80%;scroll-snap-align:start}#schools .schoolCompareSchool{min-height:130px;padding:18px}#schools .schoolCompareGrid dl{padding:0 18px}#schools .schoolCompareGrid dl>div{min-height:80px}#schools .schoolCompareEmpty{gap:10px}#schools .schoolCompareEmpty>span{font-size:22px;padding:15px}#schools .schoolPlanning{grid-template-columns:1fr;margin-top:35px}#schools .schoolPlanning>div{padding:25px}#schools .schoolPlanningMap{border-left:0;border-top:1px solid var(--school-border)}#schools .schoolPlanning h2,#schools .schoolPlanningMap h3{font-size:23px}#schools .schoolSourceCounts{gap:18px}#schools .schoolDialog{width:calc(100% - 20px);max-height:94dvh}#schools .schoolDialogHero{padding:30px 22px 24px}#schools .schoolDialogHero h2{font-size:23px}#schools .schoolDialogBody{padding:22px}#schools .schoolFacts{grid-template-columns:1fr}#schools .schoolFeeRows{grid-template-columns:1fr}#schools .schoolDialogActions{gap:10px}#schools .schoolDialogActions .btn{width:100%;text-align:center}#schools .schoolCompareHeading>button{white-space:nowrap;font-size:10px;padding:7px}}
@media(prefers-reduced-motion:reduce){#schools *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){#schools .schoolReset{position:relative;z-index:1;align-self:start;margin-top:4px}#schools .schoolAdvanced summary{max-width:calc(100% - 60px)}}