:root{color-scheme:dark;--bg:#061B30;--text:#EDF5FF;--blue:#67C5FF;--muted:#B1C6D7;--line:#294055;font-family:Arial,'PingFang TC','Microsoft JhengHei',sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #87D4FF;outline-offset:4px}button{min-height:44px}h1,h2,h3,p{margin-top:0}h1{font-size:38px;line-height:1.5;font-weight:500;letter-spacing:.015em}h2{font-size:26px;line-height:1.5;font-weight:500;margin-bottom:15px}h3{font-size:20px;line-height:1.5;font-weight:500}p{font-size:16px;color:var(--muted)}header,main,footer{max-width:1160px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:88px;border-bottom:1px solid var(--line)}.brand{color:#9CD5F4;display:inline-flex;align-items:center;white-space:nowrap;letter-spacing:.1em;font-size:28px;min-height:44px}.brand span{font-size:14px;letter-spacing:.03em;margin-left:10px}header nav{display:flex;align-items:center;gap:17px}header nav a{font-size:14px;min-height:44px;display:flex;align-items:center;color:var(--muted)}header nav a:hover{color:var(--blue)}.menu-button{display:none;color:var(--text);background:#15344D;border:1px solid var(--line);border-radius:6px;padding:7px 13px}.logo{height:260px}.logo iframe{border:0;width:100%;height:100%;display:block}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:15px 0 32px}.intro h1{font-size:32px;margin:0}.kicker{font-size:13px;letter-spacing:.13em;color:#9CD5F4;display:block;margin-bottom:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:10px 22px;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:#061B30;font-size:16px}.quick{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick a{padding:20px 24px;display:flex;gap:20px;align-items:center;font-size:20px}.quick a+a{border-left:1px solid var(--line)}.quick a:hover{background:#15344D}.quick span{font-size:13px;color:var(--blue)}main>section{padding:48px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.section-title h2{margin:0}.subtle{color:var(--muted);font-size:14px}.news-list{border-top:1px solid var(--line)}.news-list a{display:grid;grid-template-columns:110px 1fr 24px;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}.news-list a:hover{color:var(--blue)}time{font-size:14px;color:var(--muted)}.news-list strong{font-weight:400;font-size:18px}.news-list a>span{color:var(--blue)}.cities{display:flex;gap:10px;margin-bottom:8px}.cities button{border:1px solid var(--line);color:var(--muted);padding:8px 25px;background:#102a41;border-radius:5px;font-size:16px}.cities button[aria-selected=true]{background:#365168;color:var(--text);border-color:#67C5FF}.course-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.course-row>span{color:#FFBE72;font-size:15px}.course-row h3{margin:0 0 4px}.course-row p{margin:0;font-size:14px}.course-row a{color:var(--blue);font-size:14px;min-height:44px;display:flex;align-items:center}.course-empty{padding:30px 20px;border:1px solid var(--line);background:#102a41}.course-empty a{color:var(--blue);display:inline-flex;min-height:44px;align-items:center}.teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.teacher-grid>a{padding:25px;border:1px solid var(--line);border-radius:6px}.teacher-index{font-size:13px;color:#9CD5F4}.teacher-grid h3{font-size:26px;margin:20px 0 8px}.teacher-grid small{font-size:14px;margin-left:10px}.teacher-grid p{font-size:15px}.more{font-size:14px;color:var(--blue)}.story-pair{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:48px 0}.story-pair section{border-top:1px solid var(--line);padding:30px 0}.large-number{font-size:76px;color:#9CD5F4;line-height:1.2;margin:24px 0}.large-number span{font-size:20px;margin-left:20px}.story-title{font-size:30px;color:var(--text);line-height:1.5;margin:24px 0}.story-pair a{color:var(--blue);min-height:44px;display:inline-flex;align-items:center}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.video-grid>a{background:#102a41;border:1px solid var(--line);padding:30px;display:flex;align-items:center;gap:24px;border-radius:6px}.play{display:flex;align-items:center;justify-content:center;border:1px solid #67C5FF;border-radius:50%;width:54px;height:54px;flex-shrink:0;color:var(--blue);font-size:26px}.video-grid h3{margin:0 0 10px}.video-grid p{margin:0;font-size:15px}.video-grid a>span:last-child{margin-left:auto;color:var(--blue)}.video-grid .kicker{font-size:12px}.social{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.social h2{margin:0}.social>div:last-child{display:flex;gap:20px}.social a{display:flex;min-height:48px;align-items:center;gap:10px;color:var(--blue);padding:10px 20px;border:1px solid var(--line);border-radius:5px}.branch-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;gap:24px;padding:20px 0;cursor:pointer;list-style:none;font-size:18px;align-items:center}summary::-webkit-details-marker{display:none}summary>span{font-size:14px;color:var(--blue);width:50px}summary b{font-weight:400;margin-left:auto;color:var(--blue)}details[open] summary b{transform:rotate(45deg)}details>div{display:flex;gap:20px;padding:0 0 24px 74px}details a{display:inline-flex;min-height:44px;align-items:center;padding:8px 20px;border:1px solid var(--line);border-radius:5px;color:var(--blue)}.preview-note{font-size:13px;color:#88A0B5;margin-top:16px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);gap:20px;padding:30px 0;font-size:13px;color:#88A0B5}footer>a:last-child{min-height:44px;display:flex;align-items:center;color:var(--blue)}.phone-only,.bottom-nav{display:none}.skip{position:absolute;top:-100px;padding:12px;background:var(--blue);color:#061B30;z-index:10}.skip:focus{top:10px}
/* B: editorial composition, broad typography and asymmetrical reading rhythm. */
.design-b header{flex-wrap:wrap;justify-content:center;padding:18px 0 0;gap:10px}.design-b header>.brand{font-size:34px}.design-b header nav{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding:6px 0}.design-b .logo{height:250px;margin-top:8px}.editorial-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:85px;margin:18px 0 32px;padding:0 0 48px;border-bottom:1px solid var(--line)}.editorial-hero h1{font-size:56px;line-height:1.3;letter-spacing:.04em}.editorial-hero h1 span{color:var(--blue)}.editorial-hero .button{background:transparent;color:var(--blue);border-color:var(--line)}.editorial-hero aside{padding:30px;background:#15344D;align-self:stretch;border-top:3px solid #FFBE72}.issue{font-size:13px;color:#FFBE72;letter-spacing:.1em}.editorial-hero aside h2{font-size:27px;margin:30px 0}.editorial-hero aside a{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:15px 0}.editorial-hero aside a span{font-size:13px;color:var(--blue)}.design-b .section-title{align-items:center}.design-b .section-title>div{display:flex;align-items:center;gap:22px}.design-b .section-title .kicker{margin:0;font-size:12px}.design-b .video-grid{grid-template-columns:1.4fr 1fr}.design-b .video-grid>a{border-radius:0;min-height:230px;align-items:end;padding:30px;background:linear-gradient(135deg,#1b3e59,#0a2239)}.design-b .video-grid>a:nth-child(2){background:#102a41}.design-b .video-grid .play{align-self:start}.design-b .story-pair{gap:0}.design-b .story-pair section{padding:35px;background:#0b243b}.design-b .story-pair section+section{background:#15344D}.design-b .teacher-grid>a{border:0;border-top:1px solid var(--line);border-radius:0;padding-left:0}.design-b .news-list a{padding:24px 0}.design-b main>section{padding:44px 0}
/* C: persistent desktop navigation and immediate task-oriented entries. */
.design-c header{position:fixed;left:0;top:0;bottom:0;width:210px;display:flex;flex-direction:column;align-items:stretch;justify-content:start;padding:30px 22px;border-right:1px solid var(--line);border-bottom:0;background:#081f35;gap:30px}.design-c header .brand{display:block;font-size:32px}.design-c header .brand span{display:block;margin-left:0;margin-top:3px;font-size:14px}.design-c header nav{display:flex;flex-direction:column;align-items:stretch;gap:5px}.design-c header nav a{padding:10px 10px;font-size:15px;border-radius:5px}.design-c header nav a:hover{background:#15344D}.design-c main,.design-c footer{margin-left:250px;margin-right:40px;max-width:none}.design-c .logo{height:235px}.action-intro{margin:20px 0 26px}.action-intro h1{font-size:34px;margin-bottom:8px}.action-intro p{margin:0}.action-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.action-grid>a{position:relative;display:block;padding:25px;border-radius:8px;background:#15344D;border:1px solid var(--line)}.action-grid>a>span{color:var(--muted);font-size:14px}.action-grid h2{font-size:25px;margin:10px 0}.action-grid p{font-size:14px;margin:0}.action-grid b{position:absolute;right:22px;bottom:20px;font-size:25px;font-weight:400;color:var(--blue)}.action-grid .main-action{grid-row:span 2;background:#21465f}.action-grid .main-action h2{font-size:35px;margin-top:40px}.action-grid .main-action b{font-size:45px}.design-c .teacher-grid{gap:15px}.design-c .teacher-grid>a{padding:18px}.design-c .video-grid{grid-template-columns:1fr}.design-c .video-grid>a{padding:25px}.design-c .story-title{font-size:26px}.design-c .cities button{padding:8px 20px}.design-c main>section{padding:35px 0}
@media(max-width:1190px) and (min-width:701px){header,main,footer{margin-left:28px;margin-right:28px}.brand span{display:none}header nav{gap:14px}}
@media(max-width:700px){html{scroll-padding-top:14px}header,main,footer{margin-left:20px;margin-right:20px}header{min-height:70px;flex-wrap:wrap;gap:0;position:relative;padding:8px 0}.brand{font-size:25px}.brand span{font-size:12px;margin-left:8px}.menu-button{display:block;font-size:14px;min-height:44px}.menu-button:focus-visible{outline-offset:0}header nav{display:none;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;padding:14px 0 8px}header nav.open{display:grid}header nav a{font-size:15px;padding:8px;min-height:44px;background:#102a41;border-radius:4px}.logo{height:278px;margin:0 -4px}.intro{display:block;margin:5px 0 24px}.intro h1{font-size:27px;line-height:1.55}.intro .button{margin-top:20px;width:100%;justify-content:space-between}.kicker{font-size:12px}.quick{grid-template-columns:1fr}.quick a{padding:14px 10px;font-size:18px;justify-content:space-between}.quick a+a{border-left:0;border-top:1px solid var(--line)}.quick span{margin-right:auto}.phone-only{display:block}main>section{padding:34px 0}.section-title{margin-bottom:18px;gap:10px}.section-title h2{font-size:24px}.subtle{font-size:12px}.news-list a{grid-template-columns:1fr 20px;gap:5px 10px;padding:16px 0}.news-list time{grid-column:1;font-size:13px}.news-list strong{grid-column:1;font-size:17px}.news-list a>span{grid-column:2;grid-row:1/3}.cities{gap:6px;justify-content:space-between}.cities button{padding:8px 0;flex:1;font-size:15px;min-width:0}.course-row{grid-template-columns:42px 1fr;gap:10px;padding:20px 0}.course-row h3{font-size:18px}.course-row>a{grid-column:2;min-height:44px}.teacher-grid{grid-template-columns:1fr;gap:12px}.teacher-grid>a{padding:20px;display:grid;grid-template-columns:32px 1fr;gap:3px 15px}.teacher-grid h3{font-size:24px;margin:0}.teacher-index{padding-top:6px}.teacher-grid p,.teacher-grid .more{grid-column:2;margin:3px 0}.story-pair{grid-template-columns:1fr;gap:15px;padding:30px 0}.story-pair section{padding:25px 0}.story-title{font-size:28px}.large-number{font-size:66px}.video-grid{grid-template-columns:1fr;gap:14px}.video-grid>a{padding:22px 18px;gap:15px}.play{width:42px;height:42px;font-size:23px}.video-grid h3{font-size:22px}.video-grid p{font-size:15px}.video-grid .kicker{font-size:11px;letter-spacing:.07em}.social{display:block}.social>div:last-child{margin-top:20px;gap:10px}.social a{padding:10px 14px;font-size:15px}summary{gap:8px;font-size:16px;padding:18px 0}summary>span{width:35px;font-size:12px;flex-shrink:0}details>div{padding:0 0 20px 0;gap:10px}details a{flex:1;justify-content:center;font-size:15px}.preview-note{font-size:12px}footer{flex-wrap:wrap;padding:25px 0;gap:15px}footer .brand{width:100%}.design-b header{justify-content:space-between;padding:12px 0;gap:0;min-height:76px}.design-b header>.brand{font-size:28px}.design-b header nav{display:none;border:0;padding:12px 0 5px;justify-content:start}.design-b header nav.open{display:grid}.design-b .logo{height:278px}.editorial-hero{display:block;margin:0;padding-bottom:30px}.editorial-hero h1{font-size:40px;line-height:1.35;letter-spacing:.02em;margin:16px 0}.editorial-hero>div>p{font-size:16px}.editorial-hero aside{margin-top:28px;padding:22px}.editorial-hero aside h2{font-size:24px;margin:18px 0}.design-b .section-title>div{display:block}.design-b .section-title .kicker{margin-bottom:6px}.design-b .video-grid{grid-template-columns:1fr}.design-b .video-grid>a{min-height:190px;padding:24px 18px;gap:14px}.design-b .video-grid .play{align-self:center}.design-b .story-pair{gap:0}.design-b .story-pair section{padding:26px}.design-b .teacher-grid>a{padding:20px 0}.design-b main>section{padding:34px 0}.design-c header{position:relative;left:auto;top:auto;bottom:auto;width:auto;min-height:70px;margin:0 20px;padding:8px 0;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:0;border-right:0;border-bottom:1px solid var(--line);background:transparent}.design-c header .brand{display:inline-flex;font-size:25px}.design-c header .brand span{display:inline;margin:0 0 0 8px;font-size:12px}.design-c header nav{display:none;flex-direction:initial;gap:4px 10px}.design-c header nav.open{display:grid}.design-c header nav a{font-size:15px;padding:8px}.design-c main,.design-c footer{margin-left:20px;margin-right:20px}.design-c .logo{height:275px}.action-intro{margin:0 0 22px}.action-intro h1{font-size:27px}.action-grid{grid-template-columns:1fr 1fr;gap:10px}.action-grid .main-action{grid-column:1/3;grid-row:auto}.action-grid>a{padding:19px 16px;min-height:145px}.action-grid .main-action h2{font-size:30px;margin:15px 0}.action-grid .main-action b{font-size:35px;bottom:16px}.action-grid h2{font-size:20px}.action-grid>a>span,.action-grid p{font-size:12px}.action-grid .main-action p{padding-right:25px}.action-grid b{font-size:22px;right:12px;bottom:10px}.design-c .cities button{padding:8px 0}.design-c .teacher-grid>a{padding:18px}.design-c .video-grid>a{padding:20px 14px}.design-c footer{margin-bottom:74px}.bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;bottom:0;left:0;right:0;background:#15344D;border-top:1px solid #67C5FF;z-index:5;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;align-items:center;justify-content:center;min-height:58px;font-size:16px;color:#EDF5FF}.bottom-nav a+a{border-left:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(min-width:701px){.logo,.design-b .logo,.design-c .logo{height:235px}}@media(max-width:700px){.logo,.design-b .logo,.design-c .logo{height:100px;margin:10px 0 18px}}

.design-d header{min-height:78px}.icon-heading{text-align:center;margin:6px 0 28px}.icon-heading h1{font-size:32px;margin-bottom:8px}.icon-heading p{margin:0}.icon-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px;padding:22px 0 36px;border-bottom:1px solid var(--line)}.icon-grid>a{display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center;padding:10px 0;min-width:0}.icon-tile{width:76px;height:76px;border-radius:21px;border:1px solid #365168;background:linear-gradient(145deg,#20415b,#102a41);display:flex;align-items:center;justify-content:center;color:#9CD5F4;box-shadow:0 6px 15px #0002}.icon-tile svg{width:33px;height:33px}.icon-label{font-size:16px;white-space:nowrap}.icon-grid a:hover .icon-tile,.icon-grid a:focus-visible .icon-tile{background:#214c69;border-color:#67C5FF;color:#EDF5FF}.icon-grid a:nth-child(3) .icon-tile,.icon-grid a:nth-child(8) .icon-tile{color:#FFBE72}.design-d main>section{padding:38px 0}@media(max-width:700px){.design-d header{min-height:68px}.icon-heading{text-align:left;margin:6px 0 15px}.icon-heading h1{font-size:25px;line-height:1.5}.icon-heading p{font-size:14px}.icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px;padding:8px 0 24px}.icon-grid>a{gap:9px;padding:8px 0}.icon-tile{width:60px;height:60px;border-radius:17px}.icon-tile svg{width:28px;height:28px}.icon-label{font-size:14px}.design-d main>section{padding:30px 0}}

/* Final bilingual logo uses all available width with its approved proportions. */
.logo,.design-a .logo,.design-b .logo,.design-c .logo,.design-d .logo{width:100%;height:auto;aspect-ratio:890/250;margin:12px 0 20px;overflow:hidden}.logo iframe{width:100%;height:100%}

/* Compact masthead: one logo, with navigation directly above it. */
body header{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:0;border:0}
body header .logo{grid-row:2;margin:0 0 4px;aspect-ratio:890/220}
body header #navigation{grid-row:1;width:100%;justify-content:flex-end;gap:24px;padding:4px 0;border:0}
body.design-c header{position:static;width:auto;margin:0 40px 0 250px;padding:0;background:transparent;display:grid;gap:0;border:0}
body.design-c header #navigation{position:fixed;left:0;top:0;bottom:0;width:210px;padding:20px 22px;justify-content:flex-start;background:#081f35;border-right:1px solid var(--line)}
@media(max-width:700px){
body header,body.design-c header{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:0 8px;margin:0 12px;padding:4px 0 6px;width:auto;min-height:0}
body header .logo{grid-column:1;grid-row:1;margin:0;min-width:0}
body header .menu-button{grid-column:2;grid-row:1;padding:0;width:44px;height:44px;min-height:44px;font-size:0;background:transparent;border:0}
body header .menu-button::after{content:'☰';font-size:23px;color:#9CD5F4}
body header #navigation,body.design-c header #navigation{display:none;position:static;grid-column:1/-1;grid-row:2;width:100%;padding:8px 0;gap:4px 10px;background:transparent;border:0}
body header #navigation.open{display:grid}
}

/* D: larger colored service illustrations on the existing navy palette. */
.design-d .icon-grid{gap:16px;padding-top:16px}
.design-d .icon-grid>a{gap:14px}
.design-d .icon-tile{width:112px;height:112px;border-radius:26px;background:linear-gradient(145deg,#1d3d57,#0d263e);border-color:#3a5870}
.design-d .icon-tile svg{width:66px;height:66px;stroke:var(--icon-color);fill:var(--icon-fill);stroke-width:1.45}
.design-d .icon-grid a:nth-child(1){--icon-color:#86D9FF;--icon-fill:#245673}
.design-d .icon-grid a:nth-child(2){--icon-color:#FFD199;--icon-fill:#795235}
.design-d .icon-grid a:nth-child(3){--icon-color:#83E3C3;--icon-fill:#225C59}
.design-d .icon-grid a:nth-child(4){--icon-color:#FFDE83;--icon-fill:#80602A}
.design-d .icon-grid a:nth-child(5){--icon-color:#D3B5FF;--icon-fill:#514273}
.design-d .icon-grid a:nth-child(6){--icon-color:#FFAAAE;--icon-fill:#763F50}
.design-d .icon-grid a:nth-child(7){--icon-color:#9FBFFF;--icon-fill:#344F80}
.design-d .icon-grid a:nth-child(8){--icon-color:#FFB78C;--icon-fill:#794D38}
.design-d .icon-tile svg path{fill:none}
.design-d .icon-grid a:nth-child(3) svg path,.design-d .icon-grid a:nth-child(5) svg path:first-child,.design-d .icon-grid a:nth-child(8) svg path{fill:var(--icon-fill)}
.design-d .icon-grid a:nth-child(6) svg path{fill:#FFD7D9;stroke:#FFD7D9}
.design-d .icon-grid a:nth-child(8) svg circle{fill:#FFD7B5}
.design-d .icon-grid a:hover .icon-tile,.design-d .icon-grid a:focus-visible .icon-tile{border-color:var(--icon-color);background:#24465f}
@media(min-width:701px) and (max-width:1050px){.design-d .icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.design-d .icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;margin-left:-8px;margin-right:-8px;padding:8px 0 24px}.design-d .icon-grid>a{gap:9px;min-width:0}.design-d .icon-tile{width:min(100%,84px);height:auto;aspect-ratio:1;border-radius:20px}.design-d .icon-tile svg{width:70%;height:70%}.design-d .icon-label{font-size:14px}}

/* Keep each mobile masthead available while the page scrolls. */
@media(max-width:700px){
html{scroll-padding-top:110px}
body header,body.design-c header{position:sticky;top:0;z-index:20;background:#061B30;margin:0;padding:4px 12px 6px;width:100%;border-bottom:1px solid #294055;box-shadow:0 5px 16px #0002}
body header #navigation.open{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
}

/* D compact masthead and persistent illustrated navigation. */
body.design-d header .logo{aspect-ratio:890/190;margin:0}
body.design-d header #navigation{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:4px 0;background:#061B30}
body.design-d header #navigation a{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:8px 4px;font-size:14px;border-radius:5px}
body.design-d header #navigation svg{width:22px;height:22px;flex-shrink:0;color:#9CD5F4}
body.design-d header #navigation a:hover{background:#15344D}
@media(min-width:701px){body.design-d header{display:contents}body.design-d header #navigation{position:sticky;top:0;z-index:25;max-width:1160px;margin:0 auto;border-bottom:1px solid #294055}body.design-d header .logo{max-width:1160px;margin:0 auto}body.design-d{scroll-padding-top:60px}}
@media(min-width:701px) and (max-width:1190px){body.design-d header #navigation,body.design-d header .logo{width:calc(100% - 56px)}}
@media(max-width:700px){body.design-d header{display:block;padding:0 8px;position:sticky;top:0;width:100%;margin:0;z-index:25}body.design-d header .menu-button{display:none}body.design-d header #navigation{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 4px;padding:2px 0 5px}body.design-d.has-scrolled header #navigation{display:grid}body.design-d header #navigation a{font-size:12px;min-height:36px;padding:4px 1px;gap:4px;background:#102a41;white-space:nowrap}body.design-d header #navigation svg{width:17px;height:17px}html:has(body.design-d){scroll-padding-top:170px}}

@media(max-width:700px){body.design-d header{display:flex;flex-direction:column;gap:0}body.design-d header .logo{order:0}body.design-d header #navigation{order:1}body.design-d header .menu-button{display:none}}

body.design-d header .logo{aspect-ratio:890/220}
@media(max-width:700px){body.design-d header{border-bottom:0;box-shadow:none}}

/* D uses the same colored outlines for service tiles and navigation. */
.design-d #navigation a:nth-child(1){--icon-color:#86D9FF}
.design-d #navigation a:nth-child(2){--icon-color:#FFD199}
.design-d #navigation a:nth-child(3){--icon-color:#83E3C3}
.design-d #navigation a:nth-child(4){--icon-color:#FFDE83}
.design-d #navigation a:nth-child(5){--icon-color:#D3B5FF}
.design-d #navigation a:nth-child(6){--icon-color:#FFAAAE}
.design-d #navigation a:nth-child(7){--icon-color:#9FBFFF}
.design-d #navigation a:nth-child(8){--icon-color:#FFB78C}
body.design-d header #navigation a{color:var(--icon-color)}
body.design-d header #navigation svg{color:var(--icon-color);stroke:var(--icon-color)}
body.design-d .icon-grid svg,body.design-d .icon-grid svg *,body.design-d header #navigation svg,body.design-d header #navigation svg *{fill:none!important;stroke:var(--icon-color)!important}