:root{--bg:#F4F7FA;--white:#fff;--pale:#EAF1F6;--mint:#E9F8F8;--navy:#102E46;--deep:#163C57;--teal:#13B8C5;--blue:#237BD3;--heading:#18364B;--text:#344C60;--muted:#64798A;--line:#DCE6ED}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.8;overflow-wrap:break-word}a{color:#12659c;text-underline-offset:3px}a:hover{color:#0a7385}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}img{max-width:100%;height:auto}h1,h2,h3{color:var(--heading);line-height:1.38;margin:0 0 .65em}h1{font-size:clamp(27px,3.1vw,36px)}h2{font-size:clamp(21px,2.4vw,27px)}h3{font-size:19px}p{margin:.3em 0 1.1em}ul,ol{padding-left:1.4em}.wrap{max-width:1200px;margin-inline:auto;padding-inline:28px}.skip{position:absolute;left:12px;top:-90px;background:#fff;z-index:100;padding:8px}.skip:focus{top:8px}.site-header{background:white}.brand-bar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;min-width:0;color:var(--heading)}.brand-caption{color:var(--muted);font-size:13px;white-space:nowrap}.media-frame{margin:0;background:var(--pale);border-radius:14px;padding:8px;display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;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--logo{--media-limit:38px;padding:0;background:transparent;border-radius:0;flex-shrink:0;min-width:64px;min-height:30px}.media-frame--hero{--media-limit:310px}.media-frame--feature{--media-limit:250px}.media-frame--card{--media-limit:185px}.media-frame--banner{--media-limit:210px}.media-frame--mobile{--media-limit:350px;max-width:320px;margin-inline:auto}.media-missing{display:flex;align-items:center;justify-content:center;text-align:center;min-height:82px;padding:18px;color:var(--muted);font-size:13px;border:1px dashed #bad0db;border-radius:10px;width:100%}.media-frame--hero .media-missing{min-height:180px}.register,.button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;background:var(--navy);color:white;text-decoration:none;padding:8px 19px;border-radius:8px;font-weight:700;white-space:nowrap}.register:hover,.button:hover{color:#fff;background:#1c5676}.button.secondary{background:#e4f5f6;color:#105265}.desktop-nav{background:var(--navy)}.nav-row{display:flex;justify-content:space-between;gap:6px}.nav-row a{color:#e9f3f7;text-align:center;text-decoration:none;font-size:15px;padding:10px 13px 11px;border-bottom:3px solid transparent;font-weight:600;white-space:nowrap}.nav-row a.active{border-bottom-color:var(--teal);font-weight:800;color:white}.nav-row a:hover{background:#21465e}.menu-toggle,.mobile-drawer,.menu-backdrop,.noscript-nav,.mobile-quick{display:none}.page-intro{padding-top:48px;padding-bottom:24px}.eyebrow{display:inline-block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#067884;font-weight:700;margin-bottom:14px}.lead{font-size:17px;max-width:790px;color:#405c70}.crumbs{font-size:13px;color:var(--muted);margin-bottom:17px}.crumbs a{color:var(--muted)}.section{margin-block:56px}.section-tight{margin-block:34px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:23px}.section-header p{margin:0;max-width:610px}.muted{color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:24px}.soft{background:var(--pale);border-radius:14px;padding:26px}.mint{background:var(--mint);border-radius:14px;padding:25px}.dark{background:var(--deep);color:#e8f4f7;border-radius:13px;padding:30px}.dark h2,.dark h3{color:white}.dark a{color:#abf2f2}.cols-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:36px;align-items:center;padding-top:50px;padding-bottom:26px}.hero h1{font-size:clamp(28px,3.5vw,43px)}.hero p{max-width:630px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.topic{border-bottom:1px solid var(--line);padding:17px 2px 18px}.topic strong{display:block;font-size:19px;color:var(--heading);margin-bottom:5px}.topic p{font-size:15px;margin:0 0 8px}.focus{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px}.focus aside{display:grid;gap:17px}.focus .panel h3{margin-bottom:8px}.feature-band{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;align-items:center}.feature-band.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.feature-band>*{min-width:0}.rule-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.rule-tiles>article:nth-child(2){margin-top:24px}.rule-tiles>article:nth-child(3){margin-top:48px}.reading-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.reading-steps div{border-top:3px solid var(--teal);padding:18px;background:white}.reading-steps span,.number{font-weight:800;color:#128895;font-size:13px;letter-spacing:.06em}.anchor-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.anchor-nav a{padding:7px 14px;border:1px solid #b9d0dd;border-radius:100px;background:white;text-decoration:none;color:var(--heading)}.article-grid{display:grid;grid-template-columns:minmax(0,780px) minmax(0,260px);gap:40px;align-items:start}.prose{max-width:780px}.prose h2{margin-top:1.3em}.prose h3{margin-top:1.1em}.prose p{line-height:1.83}.side-index{background:#eaf1f6;border-radius:12px;padding:22px;position:sticky;top:18px}.side-index a{display:block;padding:7px 0;border-bottom:1px solid #d0dee6}.callout{border-left:4px solid var(--teal);background:var(--mint);padding:15px 20px;margin:20px 0}.stages{counter-reset:stage;display:grid;gap:14px}.stages div{position:relative;border-left:3px solid #7dcbce;padding:12px 16px 12px 22px;background:white}.stages div:before{counter-increment:stage;content:counter(stage,decimal-leading-zero);color:#148a91;font-weight:800;display:block;margin-bottom:3px}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:20px 0;background:white}table{border-collapse:collapse;width:100%;min-width:600px;font-size:15px}caption{text-align:left;font-weight:700;color:var(--heading);padding:15px}th,td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--pale);color:var(--heading)}tr:last-child td{border-bottom:0}.related-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.related-links a{padding:10px 15px;border:1px solid #c9d9e2;border-radius:8px;background:white;text-decoration:none;font-weight:700}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.compare-grid article{border-top:4px solid var(--teal);padding:20px;background:white}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;align-items:start}.gallery>article:nth-child(2){margin-top:54px}.gallery h3{margin-top:16px}.faq{display:grid;gap:9px}.faq details{border:1px solid var(--line);border-radius:8px;background:white;padding:0 18px}.faq summary{cursor:pointer;padding:13px 0;font-weight:700;color:var(--heading)}.faq p{padding-bottom:12px}.about-layout{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:35px}.about-layout aside{align-self:start}.about-layout aside a{display:block;margin:8px 0}.site-footer{background:#0B2539;color:#DCECF5;margin-top:65px;padding-top:42px;font-size:14px}.site-footer h2,.site-footer h3{color:white}.site-footer small{font-size:12px;color:#a9ccd8}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.site-footer a{color:#daeff7}.site-footer nav a{display:block;padding:3px 0}.footer-bottom{border-top:1px solid #2a4a5b;padding-block:17px;margin-top:25px;display:flex;justify-content:space-between;gap:15px}.back-top{position:fixed;right:20px;bottom:20px;background:var(--navy);border:0;border-radius:9px;color:white;width:43px;height:43px;opacity:0;visibility:hidden;transition:opacity .2s}.back-top.visible{opacity:1;visibility:visible}section[id],h2[id],article[id]{scroll-margin-top:20px}@media(max-width:1100px){.wrap{padding-inline:22px}.nav-row a{padding-inline:9px;font-size:14px}.article-grid{gap:25px}}@media(max-width:920px){.brand-bar{height:63px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px}.brand{justify-self:center;max-width:100%}.brand-caption,.desktop-nav{display:none}.media-frame--logo{--media-limit:30px;min-width:0;min-height:26px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;background:transparent;border:1px solid var(--line);border-radius:9px;padding:0}.menu-toggle span{width:19px;height:2px;background:var(--heading)}.register{padding:6px 11px;font-size:13px;min-height:39px}.menu-backdrop{display:block;position:fixed;inset:0;background:rgba(7,29,44,.58);z-index:50;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.menu-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(86vw,340px);background:white;z-index:51;transform:translateX(-105%);visibility:hidden;transition:transform .25s,visibility .25s;overflow-y:auto;padding:16px 22px}.mobile-drawer.is-open{transform:translateX(0);visibility:visible}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}.menu-close{background:var(--pale);border:0;width:40px;height:40px;font-size:28px;border-radius:8px}.drawer-group{padding:16px 0;border-bottom:1px solid var(--line)}.drawer-group span{display:block;font-weight:bold;color:var(--muted);font-size:12px;margin-bottom:7px}.drawer-group a{display:block;padding:10px 12px;text-decoration:none;border-radius:8px;color:var(--heading)}.drawer-group a.active{font-weight:800;background:var(--mint);border-left:3px solid var(--teal)}.menu-open{overflow:hidden}.mobile-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding-block:22px}.mobile-quick a{font-size:14px}.noscript-nav{display:flex;flex-wrap:wrap;gap:12px;padding:10px 18px;background:var(--pale)}.noscript-nav a{font-size:14px}.article-grid{grid-template-columns:minmax(0,1fr)}.side-index{position:static}}@media(max-width:760px){.hero,.cols-2,.feature-band,.feature-band.reverse,.focus,.gallery,.about-layout{grid-template-columns:minmax(0,1fr)}.hero{gap:18px;padding-top:30px}.feature-band{gap:18px}.focus aside{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-tiles,.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery>article:nth-child(2){margin-top:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.about-layout>aside{order:2}.about-layout>.about-main{order:1}}@media(max-width:640px){.wrap{padding-inline:16px}body{font-size:15px}.page-intro{padding-top:31px}.lead{font-size:16px}.hero h1{font-size:29px}.section{margin-block:36px}.section-header{display:block}.topic-list,.rule-tiles,.focus aside{grid-template-columns:1fr}.rule-tiles>article:nth-child(n){margin-top:0}.panel,.soft,.mint,.dark{padding:17px}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--card{--media-limit:145px}.media-frame--banner{--media-limit:135px}.media-frame--mobile{--media-limit:285px;max-width:250px}.cols-3{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.brand-bar{gap:6px}.register{padding-inline:8px}.related-links a{width:100%}.reading-steps{gap:9px}.reading-steps div{padding:12px}}@media(max-width:380px){.brand-bar{padding-inline:12px}.register{font-size:12px}.anchor-nav a{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
