:root{--bg:#F4F7FA;--white:#fff;--pale:#EAF1F6;--mint:#E9F8F8;--nav:#102E46;--nav2:#163C57;--teal:#13B8C5;--blue:#237BD3;--title:#18364B;--body:#344C60;--muted:#64798A;--border:#DCE6ED;--footer:#0B2539;--max:1200px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--body);font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:#1768ac;text-underline-offset:3px}a:hover{color:#098b98}h1,h2,h3,h4{line-height:1.38;color:var(--title);margin:0 0 .75em}h1{font-size:clamp(32px,3.4vw,36px);letter-spacing:-.035em}h2{font-size:clamp(23px,2.3vw,27px)}h3{font-size:19px}p{margin:0 0 1.1em}section{scroll-margin-top:24px}button{font:inherit;cursor:pointer}img{max-width:100%}.container{width:min(var(--max),calc(100% - 56px));margin:0 auto}.skip-link{position:absolute;left:12px;top:-60px;z-index:80;background:#fff;padding:8px 15px}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.site-header{position:relative;z-index:20}.brandbar{background:#fff;border-bottom:1px solid var(--border)}.brandbar-inner{display:flex;align-items:center;gap:20px;height:72px}.brand{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;text-decoration:none;color:var(--nav)}.brand-image{display:inline-flex;align-items:center}.brand-image img{width:auto;height:auto;max-height:38px;max-width:220px;object-fit:contain}.logo-fallback{font-size:25px;font-weight:800;line-height:1.05;white-space:nowrap}.logo-fallback small{display:block;font-size:10px;letter-spacing:.18em;margin-top:5px}.brand-subtitle{font-size:13px;color:var(--muted);white-space:nowrap}.brand-subtitle i{font-style:normal;color:#b2c5d2;padding:0 4px}.register-link{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 23px;background:var(--nav);border-radius:7px;color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}.register-link:hover{color:#fff;background:#1a5277}.desktop-nav{background:var(--nav)}.desktop-nav-inner{display:flex;align-items:stretch;justify-content:space-between;gap:3px;min-height:50px}.desktop-nav a{min-width:0;flex:1;text-align:center;display:flex;justify-content:center;align-items:center;position:relative;color:#e5f0f6;text-decoration:none;font-size:15px;font-weight:500;padding:8px 6px;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:#fff;background:rgba(255,255,255,.065);font-weight:700}.desktop-nav a[aria-current]::after{content:"";height:3px;background:var(--teal);position:absolute;bottom:0;left:30%;right:30%}.menu-toggle{display:none}.mobile-drawer,.drawer-backdrop{visibility:hidden;pointer-events:none}.nojs-nav{display:none}.breadcrumbs{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:27px 0 17px}.breadcrumbs a{color:#46687e}.page-intro{padding:20px 0 28px;border-bottom:1px solid var(--border);margin-bottom:34px}.page-intro p{max-width:810px;font-size:17px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:#087f88;margin-bottom:12px}.lead{font-size:18px;color:#38586b;max-width:780px}.reading-col{max-width:790px}.section-block{margin:55px 0}.section-block>p{max-width:820px}.section-heading{display:flex;gap:14px;align-items:center;margin-bottom:18px}.section-heading .number{font-size:13px;font-weight:800;color:#008f9e;border:1px solid #afdce0;border-radius:100px;padding:4px 10px}.soft-panel{background:#fff;border:1px solid var(--border);border-radius:13px;padding:25px}.pale-panel{background:var(--pale);padding:24px;border-radius:12px}.dark-panel{background:var(--nav2);color:#ecf5f8;border-radius:14px;padding:27px}.dark-panel h2,.dark-panel h3{color:#fff}.muted{color:var(--muted)}.text-link{font-weight:700;text-decoration-thickness:1px}.media-frame{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;margin:0;padding:8px;border-radius:14px;background:var(--pale);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--mobile{--media-limit:350px;max-width:320px}.media-frame--banner{--media-limit:210px}.media-placeholder{color:#71899a;min-height:105px;border:1px dashed #cad9e3;background:linear-gradient(135deg,#edf4f7,#e4eef3);font-size:13px}.media-frame--hero.media-placeholder{min-height:195px}.media-frame--mobile.media-placeholder{min-height:240px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.split-6040{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.split-4060{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.two-col>*{min-width:0}.cover{background:#fff;border-bottom:1px solid var(--border);padding:54px 0 61px}.cover-grid{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);align-items:center;gap:34px}.cover h1{font-size:clamp(34px,3.7vw,44px);margin-bottom:22px}.cover p{max-width:570px}.cover-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:11px 21px;border-radius:7px;text-decoration:none;font-weight:700;min-height:44px}.btn-primary{background:var(--nav);color:#fff}.btn-primary:hover{color:white;background:#255777}.btn-outline{color:var(--nav);border:1px solid #9bb4c4}.btn-outline:hover{border-color:#237BD3}.home-main{padding:50px 0 75px}.home-main>section{margin-bottom:64px}.topic-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 42px;border-top:1px solid var(--border)}.topic-directory article{min-width:0;border-bottom:1px solid var(--border);padding:22px 0}.topic-directory h3{margin-bottom:7px}.topic-directory a{text-decoration:none}.topic-directory p{font-size:15px;margin:0}.focus-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px}.focus-primary{background:var(--nav2);color:#e6f2f8;padding:30px;border-radius:12px}.focus-primary h3{font-size:24px;color:#fff}.focus-primary a{color:#88e3e7}.focus-side{display:grid;gap:18px}.focus-side article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px}.focus-side article p{margin-bottom:0}.three-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.three-notes article{padding:22px;background:#fff;border:1px solid var(--border);border-radius:12px}.three-notes article:nth-child(2){background:var(--mint);transform:translateY(18px)}.route-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}.route-steps article{position:relative;min-width:0;padding:20px 18px 18px;background:var(--pale);border-top:3px solid var(--teal)}.route-steps article:before{counter-increment:step;content:"0" counter(step);display:block;color:#16838e;font-size:14px;font-weight:800;margin-bottom:9px}.route-steps p{font-size:14px;margin:0}.route-steps h3{font-size:17px}.mini-toc{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 26px}.mini-toc a{font-weight:700;text-decoration:none;background:#e7f1f6;border:1px solid #d2e0e9;border-radius:6px;padding:8px 14px;font-size:14px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:42px;align-items:start}.content-grid>*{min-width:0}.side-index{background:#fff;border-left:3px solid var(--teal);padding:20px}.side-index h3{font-size:17px}.side-index a{display:block;padding:5px 0}.text-article p{max-width:790px}.text-article h2{margin-top:45px}.text-article h3{margin-top:28px}.fact-list{padding-left:21px;margin:10px 0 23px}.fact-list li{margin-bottom:10px}.comparison{overflow-x:auto;max-width:100%;margin:18px 0 26px;border:1px solid var(--border);border-radius:11px;background:#fff}.comparison table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;text-align:left}.comparison caption{text-align:left;padding:12px 16px;font-weight:700;color:var(--title)}.comparison th,.comparison td{border-top:1px solid var(--border);padding:13px 16px;vertical-align:top}.comparison th{background:var(--pale);font-weight:700;color:var(--title)}.comparison tr td:first-child{font-weight:700}.numbered-list{counter-reset:phase;display:grid;gap:14px}.numbered-list article{counter-increment:phase;border-left:3px solid var(--teal);background:#fff;border-radius:0 10px 10px 0;padding:17px 21px}.numbered-list article:before{content:counter(phase,decimal-leading-zero);display:inline-block;color:#087d8a;font-weight:800;margin-right:12px}.numbered-list article h3{display:inline}.numbered-list article p{margin:8px 0 0}.matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.matrix article{min-width:0;background:#fff;border:1px solid var(--border);padding:23px;border-radius:11px}.matrix .tag{font-size:12px;color:#078993;font-weight:800;letter-spacing:.07em}.editorial-gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start}.editorial-gallery>*{min-width:0}.gallery-stack{display:grid;gap:26px}.gallery-piece{background:#fff;border:1px solid var(--border);padding:17px;border-radius:13px}.gallery-piece h3{margin:16px 0 8px}.gallery-piece p{font-size:15px}.gallery-piece .media-frame{margin-bottom:8px}.rule-toc{max-width:760px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0 36px}.rule-toc a{display:block;text-decoration:none;background:var(--nav);color:#fff;font-weight:700;padding:13px;text-align:center;border-radius:8px}.rule-toc a:hover{background:#1a5277}.faq-list{display:grid;gap:10px;max-width:900px;margin:20px 0}.faq-list details{background:#fff;border:1px solid var(--border);border-radius:10px;padding:0 18px}.faq-list summary{padding:15px 9px 15px 0;font-weight:700;color:var(--title);cursor:pointer}.faq-list details p{padding:0 0 16px;margin:0;font-size:15px}.service-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:32px;align-items:start}.service-layout>*{min-width:0}.service-sidebar{background:var(--pale);border-radius:12px;padding:19px;position:sticky;top:16px}.service-sidebar a{display:block;padding:9px 5px;border-bottom:1px solid #d2e0e9;text-decoration:none}.service-layout .service-content section{margin-bottom:44px}.related-reading{margin:58px 0 68px;padding-top:23px;border-top:2px solid var(--border)}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.related-links a{display:flex;justify-content:space-between;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);padding:14px 17px;text-decoration:none;font-weight:700;border-radius:8px}.related-links a span{color:#128d9b}.site-footer{background:var(--footer);color:#dcecf5;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:65px}.footer-brand{display:inline-block;color:#fff;text-decoration:none}.footer-brand .logo-fallback{color:#fff}.site-footer p{max-width:580px;margin:16px 0}.footer-disclaimer{font-size:13px;color:#bdd2e0}.site-footer strong{color:#fff}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;margin-top:10px}.site-footer a{color:#dcecf5;text-decoration:none}.site-footer a:hover{color:#6be1e2}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #2a4a5e;margin-top:33px;padding-top:18px;font-size:12px;color:#afc6d7}.mobile-shortcuts{display:none}.back-top{position:fixed;bottom:24px;right:24px;background:var(--nav);color:#fff;border:0;border-radius:50%;height:44px;width:44px;z-index:10;box-shadow:0 6px 18px #102e4638}.back-top[hidden]{display:none}.callout{border-left:4px solid var(--teal);background:var(--mint);padding:18px 23px;margin:23px 0;border-radius:0 8px 8px 0}.big-quote{font-size:21px;color:#1f5a70;border-left:4px solid var(--teal);padding:11px 0 11px 22px;margin:28px 0}.centered{max-width:850px;margin-inline:auto}.wide-section{margin:50px 0}.small-print{font-size:13px;color:var(--muted)}
@media(max-width:1024px){.container{width:calc(100% - 44px)}.brandbar-inner{gap:12px}.brand-subtitle{font-size:12px}.desktop-nav a{font-size:14px}.content-grid{gap:24px;grid-template-columns:minmax(0,1fr) 210px}}
@media(max-width:920px){.brandbar-inner{height:62px;justify-content:space-between;position:relative}.menu-toggle{display:flex;width:40px;height:40px;flex:0 0 40px;flex-direction:column;justify-content:center;gap:5px;align-items:center;border:0;background:transparent;border-radius:6px}.menu-toggle span{display:block;width:21px;height:2px;background:var(--nav)}.brand{position:absolute;left:50%;transform:translateX(-50%);max-width:calc(100% - 200px);justify-content:center}.brand-image img{max-height:30px;max-width:180px}.brand .logo-fallback{font-size:18px}.brand .logo-fallback small{font-size:8px}.brand-subtitle,.desktop-nav{display:none}.register-link{min-height:40px;padding:0 13px;font-size:13px;margin-left:auto}.drawer-backdrop{position:fixed;inset:0;background:rgba(7,27,41,.53);z-index:60;opacity:0;transition:opacity .22s;visibility:hidden;pointer-events:none}.mobile-drawer{position:fixed;z-index:61;top:0;bottom:0;left:0;width:min(86vw,340px);overflow-y:auto;background:#fff;padding:20px 22px;transform:translateX(-102%);transition:transform .22s;visibility:hidden;pointer-events:none;box-shadow:9px 0 25px #071c2a20}.drawer-open{overflow:hidden}.drawer-open .drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto}.drawer-open .mobile-drawer{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;border-bottom:1px solid var(--border)}.drawer-close{border:0;background:var(--pale);border-radius:8px;font-size:25px;line-height:1;height:40px;width:40px}.mobile-drawer h2{font-size:13px;margin:24px 0 7px;color:var(--muted)}.mobile-drawer a{display:block;padding:9px 7px;color:var(--title);font-weight:700;text-decoration:none;border-bottom:1px solid var(--border)}.nojs-nav{display:flex;flex-wrap:wrap;gap:7px;padding:9px 0}.nojs-nav a{font-size:13px;padding:2px 8px}.mobile-shortcuts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 17px;padding:16px 0 22px;font-size:14px}.cover{padding:43px 0}.content-grid{grid-template-columns:1fr}.side-index{display:flex;flex-wrap:wrap;gap:12px}.side-index h3{width:100%}.side-index a{display:inline-block}.service-layout{grid-template-columns:1fr}.service-sidebar{position:static;order:2}.service-content{order:1}}
@media(max-width:760px){.two-col,.cover-grid,.focus-layout,.editorial-gallery,.footer-grid{grid-template-columns:1fr}.cover-grid{gap:25px}.cover p{max-width:none}.focus-side{grid-template-columns:1fr 1fr}.matrix{grid-template-columns:1fr}.three-notes{grid-template-columns:1fr}.three-notes article:nth-child(2){transform:none}.route-steps{grid-template-columns:1fr 1fr}.related-links{grid-template-columns:1fr}.media-frame--mobile{margin:auto}.footer-grid{gap:25px}.footer-bottom{flex-wrap:wrap}.reading-col{max-width:none}}
@media(max-width:640px){body{font-size:15px;line-height:1.78}.container{width:calc(100% - 32px)}h1{font-size:clamp(25px,6.2vw,29px)}h2{font-size:21px}h3{font-size:18px}.cover h1{font-size:clamp(27px,7.5vw,32px)}.page-intro p,.lead{font-size:16px}.home-main{padding:32px 0 45px}.home-main>section,.section-block{margin:0 0 40px}.topic-directory{grid-template-columns:1fr;gap:0}.topic-directory article{padding:17px 0}.focus-side{grid-template-columns:1fr}.soft-panel,.pale-panel,.dark-panel{padding:18px}.cover{padding:28px 0 36px}.cover-actions{gap:9px}.btn{padding:9px 14px;font-size:14px}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--card{--media-limit:145px}.media-frame--mobile{--media-limit:285px;max-width:250px}.media-frame--banner{--media-limit:135px}.media-frame--hero.media-placeholder{min-height:135px}.comparison table{font-size:13px}.comparison th,.comparison td{padding:10px}.rule-toc{grid-template-columns:1fr}.route-steps{grid-template-columns:1fr}.site-footer{padding-top:33px}.footer-bottom{margin-top:22px}.register-link{font-size:12px;padding:0 9px}.brand{max-width:calc(100% - 177px)}.brand-image img{max-width:145px}.brand .logo-fallback{font-size:16px}.back-top{right:13px;bottom:13px}.breadcrumbs{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}