:root{--bg:#F4F7FA;--white:#FFF;--pale:#EAF1F6;--mint:#E9F8F8;--nav:#102E46;--dark:#163C57;--brand:#13B8C5;--blue:#237BD3;--heading:#18364B;--text:#344C60;--muted:#64798A;--line:#DCE6ED;--footer:#0B2539}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);font:16px/1.8 Arial,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--text)}img{max-width:100%}a{color:#155C91;text-underline-offset:3px}a:hover{color:#0E7986}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brand);outline-offset:3px}h1,h2,h3{color:var(--heading);line-height:1.38;margin:0 0 .65em}h1{font-size:36px}h2{font-size:27px}h3{font-size:20px}p{margin:0 0 1.15em}strong{font-weight:700}.container{width:min(1200px,calc(100% - 56px));margin-inline:auto}.section{margin-block:58px}.section>:last-child{margin-bottom:0}.kicker{color:#177E8A;font-size:13px;letter-spacing:.13em;font-weight:700;text-transform:uppercase}.intro{font-size:18px;max-width:790px}.muted{color:var(--muted)}.skip-link{position:absolute;left:12px;top:-80px;z-index:100;background:white;padding:8px 12px}.skip-link:focus{top:10px}.brand-bar{background:white;border-bottom:1px solid var(--line)}.brand-layout{height:72px;display:flex;align-items:center;gap:19px}.brand-mark{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none;max-width:240px}.brand-mark img{display:block;max-height:38px;width:auto;height:auto;object-fit:contain}.brand-text{font-size:22px;color:var(--heading);white-space:nowrap;line-height:1.1}.brand-text small{display:block;font-size:10px;letter-spacing:.2em}.brand-tagline{font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:18px}.registration-link{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;background:var(--dark);color:white;padding:9px 19px;border-radius:10px;font-weight:700;text-decoration:none;white-space:nowrap}.registration-link:hover{background:#22516e;color:white}.desktop-nav{background:var(--nav)}.nav-row{display:flex;justify-content:space-between;gap:6px}.desktop-nav a{display:flex;justify-content:center;align-items:center;min-width:0;color:#e9f2f5;text-decoration:none;position:relative;font-weight:600;padding:12px 14px;font-size:15px}.desktop-nav a:hover{color:white;background:#20465e}.desktop-nav a[aria-current=page]{color:white;font-weight:800}.desktop-nav a[aria-current=page]:after{content:'';position:absolute;height:3px;background:var(--brand);bottom:0;left:21px;right:21px}.menu-toggle,.mobile-drawer,.menu-backdrop,.nojs-nav,.mobile-quick{display:none}.crumb{display:flex;gap:10px;font-size:13px;padding:24px 0 8px;color:var(--muted)}.crumb a{text-decoration:none}.page-head{padding:36px 0 25px}.page-head p{max-width:840px}.page-head .kicker{margin-bottom:10px}.hero-home{display:grid;grid-template-columns:52fr 48fr;gap:38px;align-items:center;padding-top:48px}.hero-home h1{font-size:42px}.hero-lede{font-size:17px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:9px 18px;border-radius:10px;text-decoration:none;font-weight:700;background:var(--dark);color:white}.button:hover{background:#245471;color:white}.button.secondary{background:#D8EEF1;color:#17495B}.button.secondary:hover{background:#c1e5e9}.media-frame{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;margin:0;padding:8px;background:var(--pale);border-radius:14px;overflow:hidden}.media-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--media-limit,220px);object-fit:contain;object-position:center}.media-frame--hero{--media-limit:310px}.media-frame--feature{--media-limit:250px}.media-frame--card{--media-limit:185px}.media-frame--wide{--media-limit:210px}.media-frame--mobile{--media-limit:350px;max-width:320px}.media-placeholder{min-height:110px;width:100%;display:grid;place-items:center;border:1px dashed #B8CDD7;border-radius:8px;color:#698393;font-size:12px;text-align:center;padding:20px}.media-frame--hero .media-placeholder{min-height:195px}.media-frame--mobile .media-placeholder{min-height:180px}.text-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;border-top:2px solid var(--nav)}.directory-entry{border-bottom:1px solid var(--line);padding:21px 4px}.directory-entry h3{margin-bottom:4px}.directory-entry p{font-size:15px;margin-bottom:8px}.directory-entry a{font-size:14px;font-weight:700}.feature-split{display:grid;grid-template-columns:2fr 1fr;gap:30px}.feature-split>article:first-child{padding:30px;background:white;border-top:4px solid var(--brand)}.feature-side{display:grid;gap:18px}.feature-side article{border-bottom:1px solid var(--line);padding:7px 0 18px}.pair{display:grid;grid-template-columns:1fr 1.12fr;gap:36px;align-items:center}.pair.reverse{grid-template-columns:1.1fr 1fr}.pair>*,.feature-split>*,.exhibit>*,.knowledge-layout>*{min-width:0}.light-band{padding:32px;background:var(--mint);border-radius:14px}.dark-band{background:var(--dark);color:#e5f4fa;padding:33px;border-radius:14px}.dark-band h2,.dark-band h3{color:white}.lesson-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lesson-columns article{background:white;border:1px solid var(--line);padding:22px;border-radius:12px}.lesson-columns article:nth-child(2){transform:translateY(12px)}.route{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:route}.route article{border-top:2px solid #1F798A;padding-top:18px}.route article:before{counter-increment:route;content:'0' counter(route);display:block;font-weight:800;color:#168b96;margin-bottom:9px;font-size:21px}.reading-column{max-width:780px}.reading-column p{max-width:760px}.knowledge-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:38px}.chapter{padding:28px 0;border-bottom:1px solid var(--line)}.chapter:first-child{padding-top:0}.chapter p:last-child{margin-bottom:0}.fact-aside{background:var(--pale);padding:23px;border-radius:12px;align-self:start}.fact-aside h3{font-size:18px}.fact-aside ul{padding-left:18px}.jump-nav{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 30px}.jump-nav a{border:1px solid #B8D3DD;padding:7px 12px;border-radius:7px;text-decoration:none;background:white;font-weight:600;font-size:14px}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:white;margin:22px 0}.table-scroll table{border-collapse:collapse;min-width:570px;width:100%;font-size:15px;text-align:left}.table-scroll caption{text-align:left;background:#EAF1F6;color:var(--heading);font-weight:700;padding:13px 17px}.table-scroll th,.table-scroll td{border-bottom:1px solid var(--line);padding:13px 16px;vertical-align:top}.table-scroll th{background:#f5f9fb;color:var(--heading)}.table-scroll tbody tr:last-child td{border-bottom:0}.step-list{list-style:none;padding:0;counter-reset:steps}.step-list li{counter-increment:steps;padding:22px 18px 22px 65px;border-left:2px solid #B0D9E1;position:relative;margin-left:17px}.step-list li:before{content:counter(steps);position:absolute;left:-18px;top:20px;width:34px;height:34px;display:grid;place-items:center;background:var(--nav);color:white;border-radius:50%;font-weight:800}.step-list strong{display:block;color:var(--heading)}.note{padding:17px 20px;border-left:4px solid var(--brand);background:var(--mint);margin:21px 0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:23px}.comparison>article{background:white;border:1px solid var(--line);padding:22px;border-radius:12px}.matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.matrix article{border-top:4px solid var(--brand);background:white;padding:23px}.matrix article:nth-child(2){border-color:var(--blue)}.matrix article:nth-child(3){border-color:#32637b}.matrix h3{margin-bottom:8px}.gallery{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start}.gallery>article:nth-child(2){margin-top:46px}.gallery .media-frame{margin-bottom:18px}.faq{max-width:890px}.faq details{background:white;border:1px solid var(--line);border-radius:9px;margin:10px 0;padding:15px 19px}.faq summary{font-weight:700;cursor:pointer;color:var(--heading)}.faq details p{padding-top:12px;margin:0}.about-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:45px}.about-nav{align-self:start;background:var(--pale);border-radius:12px;padding:19px}.about-nav a{display:block;padding:8px 0}.about-content>section{margin-bottom:45px}.about-content h2{border-bottom:1px solid var(--line);padding-bottom:11px}.related{border-top:2px solid var(--nav);padding-top:25px}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-links a{display:flex;justify-content:space-between;gap:8px;padding:19px 17px;background:white;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:700}.related-links a span{color:#177E8A}.site-footer{margin-top:72px;background:var(--footer);color:#DCECF5;padding-top:44px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid strong{display:block;color:white;margin-bottom:15px}.footer-grid strong span{font-size:11px;letter-spacing:.1em}.footer-grid a{display:block;color:#DCECF5;margin:5px 0;text-decoration:none}.footer-grid a:hover{color:#67dce1}.footer-about p{max-width:460px}.footer-bottom{border-top:1px solid #365062;margin-top:35px;padding:20px 0 27px;font-size:13px;color:#CADBE7}.back-top{position:fixed;bottom:20px;right:20px;border:0;border-radius:50%;background:var(--nav);color:white;width:42px;height:42px;font-size:22px;cursor:pointer;box-shadow:0 4px 16px #0003}.back-top[hidden]{display:none}
@media(max-width:1024px){.container{width:calc(100% - 44px)}.hero-home{gap:23px}.desktop-nav a{padding-inline:8px;font-size:14px}.section{margin-block:45px}}
@media(max-width:920px){.brand-layout{height:62px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px}.menu-toggle{width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.menu-toggle span{width:20px;height:2px;background:var(--heading);display:block}.brand-mark{justify-self:center;max-width:min(200px,100%)}.brand-mark img{max-height:30px}.brand-text{font-size:18px}.brand-text small{font-size:9px}.brand-tagline,.desktop-nav{display:none}.registration-link{font-size:13px;padding:7px 11px;height:40px;margin:0}.menu-backdrop{display:block;position:fixed;inset:0;z-index:40;background:rgba(8,29,43,.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(86vw,340px);max-width:100%;z-index:41;background:white;overflow-y:auto;transform:translateX(-105%);visibility:hidden;transition:transform .22s,visibility .22s;padding:20px}.mobile-drawer a{display:block;text-decoration:none;padding:11px 13px;border-radius:8px;color:var(--heading);font-weight:700}.mobile-drawer a:hover{background:var(--pale)}.drawer-top{display:flex;align-items:center;justify-content:space-between}.drawer-close{width:40px;height:40px;display:grid;place-items:center;background:var(--pale);border:0;border-radius:8px;font-size:27px;cursor:pointer}.drawer-group{color:var(--muted);font-size:13px;font-weight:700;margin:19px 10px 1px}.menu-open{overflow:hidden}.menu-open .menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}.menu-open .mobile-drawer{transform:translateX(0);visibility:visible}.nojs-nav{display:flex;flex-wrap:wrap;gap:9px;padding:10px 22px;background:var(--nav)}.nojs-nav a{color:white;font-size:13px}.mobile-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:50px}.mobile-quick a{font-size:13px}.hero-home h1{font-size:35px}}
@media(max-width:760px){.container{width:calc(100% - 36px)}h1{font-size:30px}h2{font-size:24px}.hero-home,.pair,.pair.reverse,.feature-split,.knowledge-layout,.gallery,.about-layout{grid-template-columns:1fr}.hero-home{padding-top:26px}.hero-home .media-frame{order:2}.feature-side{grid-template-columns:1fr 1fr}.matrix{grid-template-columns:1fr}.gallery>article:nth-child(2){margin-top:0}.about-layout .about-nav{order:2}.about-layout .about-content{order:1}.lesson-columns,.related-links{grid-template-columns:1fr 1fr}.route{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-about{grid-column:span 2}.section{margin-block:39px}}
@media(max-width:640px){.container{width:calc(100% - 32px)}body{font-size:15px;line-height:1.78}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}.hero-home h1{font-size:30px}.page-head{padding-top:24px}.intro,.hero-lede{font-size:16px}.section{margin-block:33px}.text-directory{grid-template-columns:1fr}.feature-side,.lesson-columns,.related-links,.comparison{grid-template-columns:1fr}.lesson-columns article:nth-child(2){transform:none}.route{gap:15px}.light-band,.dark-band{padding:21px}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--card{--media-limit:145px}.media-frame--wide{--media-limit:135px}.media-frame--mobile{--media-limit:285px;max-width:250px}.media-placeholder{min-height:90px}.media-frame--hero .media-placeholder{min-height:125px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{font-size:12px}.step-list li{padding-right:0}.brand-layout{gap:5px}.brand-mark{max-width:165px}.brand-text{font-size:16px}.registration-link{font-size:12px;padding-inline:8px}}
@media(max-width:380px){.brand-mark{max-width:135px}.brand-text{font-size:14px}.registration-link{padding-inline:7px}.route{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}