*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4F7FA;color:#344C60;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:break-word}body.drawer-open{overflow:hidden}a{color:#1268a7;text-underline-offset:3px}a:hover{color:#0b6380}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3{color:#18364B;line-height:1.38;margin:0 0 .85em}h1{font-size:36px}h2{font-size:27px}h3{font-size:20px}p{margin:0 0 1.1em}ul,ol{padding-left:1.4em}li{margin:.3em 0}section[id],article[id],h2[id]{scroll-margin-top:24px}.wrap{width:min(100% - 56px,1200px);margin:auto}.reading{max-width:790px}.section{margin:58px auto}.section+.section{margin-top:66px}.eyebrow{color:#078a9a;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.intro{font-size:18px;line-height:1.8;max-width:800px;color:#3a5568}.muted{color:#64798A}.small{font-size:14px}.skip-link{position:absolute;z-index:1000;left:8px;top:-80px;padding:8px 14px;background:white}.skip-link:focus{top:8px}:focus-visible{outline:3px solid #237BD3;outline-offset:3px}.site-header{background:white}.brand-bar{display:flex;align-items:center;height:72px;gap:22px}.brand{display:inline-flex;align-items:center;flex:none;text-decoration:none;color:#102E46}.brand img{width:auto;height:auto;max-height:38px;max-width:240px;object-fit:contain}.wordmark{font-size:23px;line-height:1.15}.wordmark small{display:block;font-size:10px;letter-spacing:.2em}.brand-note{font-size:13px;color:#64798A}.registration{margin-left:auto;text-decoration:none;background:#163C57;color:white;border-radius:10px;padding:8px 17px;font-weight:bold;white-space:nowrap}.registration:hover{color:white;background:#0b6172}.desktop-nav{background:#102E46}.nav-flex{display:flex;align-items:stretch;justify-content:space-between;min-height:50px;gap:4px}.nav-flex a{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#e7f3f7;font-size:15px;font-weight:600;white-space:nowrap;position:relative;padding:8px 5px}.nav-flex a:hover,.nav-flex a.active{color:white;background:#163C57}.nav-flex a.active::after{content:"";position:absolute;bottom:0;left:30%;right:30%;height:3px;background:#13B8C5}.menu-toggle,.no-js-nav,.mobile-drawer,.drawer-overlay,.mobile-quick{display:none}.site-footer{background:#0B2539;color:#DCECF5;margin-top:70px;padding:48px 0 18px}.site-footer a{color:#DCECF5}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid h2{font-size:17px;color:white}.footer-grid a:not(.footer-title){display:block;margin:4px 0}.footer-title{font-size:22px;font-weight:700;text-decoration:none}.footer-title small{font-size:11px;letter-spacing:.1em}.footer-grid p{max-width:520px;font-size:14px;margin:12px 0}.footer-bottom{font-size:12px;border-top:1px solid #355166;padding-top:18px;margin-top:35px}.crumb{display:flex;gap:12px;align-items:center;font-size:13px;color:#64798A;padding:24px 0 8px}.crumb a{color:#456779}.page-heading{padding:28px 0 36px;border-bottom:1px solid #DCE6ED}.page-heading h1{margin:8px 0 16px}.page-heading .intro{margin:0}.hero{display:grid;grid-template-columns:52fr 48fr;align-items:center;gap:40px;padding:50px 0 22px}.hero h1{font-size:42px}.hero p{font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.btn{display:inline-block;text-decoration:none;padding:11px 20px;border-radius:10px;background:#163C57;color:white;font-weight:700}.btn:hover{background:#0c586b;color:#fff}.btn.secondary{background:#e1f1f4;color:#13526a}.btn.secondary:hover{background:#cce9ed}.media-frame{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;margin:0;background:#EAF1F6;border-radius:14px;padding:9px;--media-limit:220px}.media-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--media-limit);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--article{--media-limit:220px}.media-frame--wide{--media-limit:210px}.media-frame--mobile{--media-limit:350px;max-width:320px}.media-placeholder{min-height:110px;color:#64798A;font-size:13px;text-align:center}.media-placeholder.media-frame--hero{min-height:190px}.directory{display:grid;grid-template-columns:1fr 1fr;column-gap:55px}.directory-item{border-top:1px solid #cfdee7;padding:16px 0}.directory-item h3{margin:0 0 7px}.directory-item p{font-size:15px;margin-bottom:5px}.text-link{font-weight:700;text-decoration:none}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px}.section-head p{max-width:600px}.editorial-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}.feature-story{background:#fff;border-left:5px solid #13B8C5;padding:28px 32px}.compact-stories{display:grid;gap:16px}.compact-stories article{background:#EAF1F6;padding:22px;border-radius:12px}.compact-stories h3{margin-top:0}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:38px;align-items:center}.split.reverse{grid-template-columns:1.15fr 1fr}.tinted{background:#E9F8F8;padding:30px;border-radius:14px}.dark-band{background:#163C57;color:#DCECF5;padding:32px;border-radius:14px}.dark-band h2,.dark-band h3{color:white}.stacked-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stacked-notes article{background:#fff;border:1px solid #DCE6ED;padding:22px;border-radius:12px}.stacked-notes article:nth-child(2){transform:translateY(12px)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}.step{border-top:3px solid #13B8C5;padding:15px 8px 0}.step::before{counter-increment:step;content:'0' counter(step);font-weight:bold;color:#078a9a;font-size:23px}.step h3{margin:7px 0}.inpage-nav{display:flex;gap:10px;flex-wrap:wrap;padding:12px 0 18px}.inpage-nav a{background:#EAF1F6;padding:8px 15px;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px}.content-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(230px,1fr);gap:40px}.article-section{margin:40px 0}.aside-index{border-left:3px solid #13B8C5;padding:18px 22px;background:#EAF1F6;align-self:start}.aside-index a{display:block;margin:8px 0}.table-scroll{overflow-x:auto;max-width:100%;border:1px solid #DCE6ED;border-radius:10px}.data-table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;background:white}.data-table caption{caption-side:top;text-align:left;padding:12px;font-weight:700;color:#18364B}.data-table th,.data-table td{border-bottom:1px solid #DCE6ED;padding:13px 15px;text-align:left;vertical-align:top}.data-table th{background:#EAF1F6;color:#18364B}.data-table tr:last-child td{border-bottom:0}.article-prose{max-width:790px}.numbered-flow{counter-reset:flow;display:grid;gap:18px}.numbered-flow article{position:relative;background:#fff;border-left:4px solid #13B8C5;padding:20px 24px 20px 72px}.numbered-flow article::before{counter-increment:flow;content:counter(flow);position:absolute;left:21px;top:19px;font-size:29px;color:#078a9a;font-weight:bold}.comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.comparison article{border-top:4px solid #13B8C5;padding:22px;background:white}.gallery-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.gallery-grid>article{min-width:0}.gallery-grid article:nth-child(2){margin-top:45px}.gallery-caption{margin-top:14px}.manual{max-width:840px}.rule-section{margin:48px 0}.rule-section h2{border-bottom:1px solid #DCE6ED;padding-bottom:10px}.note{border-left:4px solid #13B8C5;background:#E9F8F8;padding:16px 20px}.faq{display:grid;gap:10px}.faq details{background:white;border:1px solid #DCE6ED;border-radius:10px;padding:0 18px}.faq summary{font-weight:700;color:#18364B;padding:13px 4px;cursor:pointer}.faq details p{padding:0 4px 14px;margin:0}.help-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:45px}.help-sidebar{align-self:start;background:#EAF1F6;padding:20px;border-radius:12px}.help-sidebar a{display:block;margin:12px 0}.help-main section{margin-bottom:40px}.related{border-top:1px solid #DCE6ED;padding-top:24px;margin-top:44px}.related-links{display:flex;gap:12px;flex-wrap:wrap}.related-links a{background:#fff;border:1px solid #DCE6ED;padding:10px 15px;border-radius:8px;text-decoration:none;font-weight:700}.quote{border-left:4px solid #13B8C5;padding-left:24px;font-size:19px;color:#18364B}.back-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;z-index:20;background:#163C57;border:0;color:white;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}
@media(max-width:920px){.wrap{width:calc(100% - 44px)}.brand-bar{height:62px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px}.brand{justify-content:center;min-width:0}.brand img{max-height:30px;max-width:min(100%,210px)}.wordmark{font-size:18px}.brand-note,.desktop-nav{display:none}.registration{margin:0;padding:8px 11px;font-size:13px}.menu-toggle{display:flex;width:40px;height:40px;border:1px solid #DCE6ED;background:white;border-radius:8px;flex-direction:column;align-items:center;justify-content:center;gap:4px}.menu-toggle span{height:2px;width:19px;background:#102E46}.drawer-overlay{display:block;position:fixed;inset:0;z-index:90;background:rgba(10,29,44,.5);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.drawer-overlay.is-visible{visibility:visible;opacity:1;pointer-events:auto}.mobile-drawer{display:block;position:fixed;left:0;top:0;bottom:0;z-index:91;background:white;width:min(86vw,340px);overflow-y:auto;transform:translateX(-105%);visibility:hidden;transition:transform .2s,visibility .2s;box-shadow:3px 0 20px rgba(0,0,0,.12)}.mobile-drawer.is-open{transform:translateX(0);visibility:visible}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #DCE6ED;font-weight:700}.drawer-top button{width:42px;height:42px;background:#EAF1F6;border:0;border-radius:8px;font-size:28px;line-height:1}.mobile-drawer nav{padding:12px 22px 30px}.mobile-drawer nav strong{display:block;margin:18px 0 6px;color:#64798A;font-size:13px}.mobile-drawer nav a{display:block;padding:10px 12px;text-decoration:none;color:#18364B;border-radius:7px}.mobile-drawer nav a.active{background:#E9F8F8;border-left:3px solid #13B8C5;font-weight:700}.mobile-quick{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:30px}.mobile-quick a{font-size:14px}.footer-grid{gap:24px}}
@media(max-width:760px){.hero,.split,.split.reverse,.editorial-grid,.content-grid,.gallery-grid,.help-layout{grid-template-columns:1fr}.hero{gap:24px}.hero .media-frame{order:2}.section{margin:42px auto}.section+.section{margin-top:48px}.stacked-notes,.comparison{grid-template-columns:1fr}.stacked-notes article:nth-child(2),.gallery-grid article:nth-child(2){transform:none;margin-top:0}.steps{grid-template-columns:repeat(2,1fr)}.help-main{order:1}.help-sidebar{order:2}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:640px){body{font-size:15px;line-height:1.78}.wrap{width:calc(100% - 32px)}h1{font-size:27px}h2{font-size:22px}h3{font-size:18px}.hero{padding:28px 0 8px}.hero h1{font-size:30px}.hero p{font-size:15px}.page-heading{padding:15px 0 22px}.intro{font-size:16px}.section{margin:34px auto}.section+.section{margin-top:42px}.directory{grid-template-columns:1fr}.section-head{display:block}.feature-story,.compact-stories article{padding:20px}.tinted,.dark-band{padding:22px}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--card{--media-limit:145px}.media-frame--article{--media-limit:175px}.media-frame--wide{--media-limit:135px}.media-frame--mobile{--media-limit:285px;max-width:250px;margin:auto}.btn{font-size:14px}.nav-flex{display:none}.numbered-flow article{padding:18px 16px 18px 56px}.numbered-flow article::before{left:15px;top:13px}.site-footer{margin-top:40px;padding-top:34px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(max-width:380px){.registration{font-size:12px;padding:7px 8px}.brand img{max-width:165px}.wordmark{font-size:15px}.steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:920px){@supports not (selector(:has(*))){}}.no-js-nav{display:none}