*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:#F6F8F8;color:#374D58;font:16px/1.82 Arial,'PingFang SC','Microsoft YaHei',sans-serif}a{color:#226D9D;text-underline-offset:3px}a:hover{color:#168E96}a:focus-visible,summary:focus-visible{outline:3px solid #168E96;outline-offset:4px}img{max-width:100%}.wrap{width:min(1220px,calc(100% - 56px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:absolute;left:12px;top:-100px;background:#fff;padding:8px;z-index:20}.skip-link:focus{top:12px}.site-header{background:#122E3B;position:relative;z-index:10}.header-inner{width:min(1220px,calc(100% - 56px));margin:auto;min-height:76px;display:flex;gap:22px;align-items:center}.brand{display:flex;align-items:center;flex-shrink:0;gap:7px;color:#fff;text-decoration:none}.brand img{display:block;max-height:38px;width:auto;height:auto;max-width:125px;object-fit:contain}.brand small{font-size:9px;letter-spacing:.08em;white-space:nowrap;color:#C2DADD}.brand-fallback{font-weight:700;white-space:nowrap}.desktop-nav{display:flex;min-width:0;align-items:center;justify-content:center;flex:1;gap:clamp(7px,1.05vw,17px)}.desktop-nav a{color:#DCE9EB;font-size:clamp(11px,.94vw,14px);font-weight:600;text-decoration:none;white-space:nowrap;padding:23px 0 20px;border-bottom:3px solid transparent}.desktop-nav a[aria-current=page]{color:#fff;border-color:#4DC2C0}.desktop-nav a:hover{color:#fff}.header-action{color:#fff;background:#168E96;border:1px solid #40ADB2;border-radius:8px;padding:7px 11px;text-decoration:none;white-space:nowrap;font-size:13px;font-weight:700}.header-action:hover{color:#fff;background:#147780}.mobile-menu{display:none}.breadcrumb{display:flex;gap:10px;align-items:center;padding-block:16px;font-size:13px;color:#647981}.breadcrumb a{text-decoration:none}main{min-height:60vh}.page{padding:40px 0 74px}.page-lead{max-width:820px;margin:0 0 35px}.eyebrow{font-weight:700;text-transform:uppercase;color:#168E96;letter-spacing:.12em;font-size:12px;margin:0 0 8px}.page h1{color:#193946;font-size:clamp(30px,3.2vw,42px);line-height:1.28;margin:0 0 22px;letter-spacing:-.02em}.page h2{font-size:clamp(23px,2.2vw,28px);line-height:1.35;color:#193946;margin:0 0 20px}.page h3{font-size:19px;line-height:1.4;color:#193946;margin:20px 0 8px}.page p{margin:0 0 16px}.page section{margin-block:52px;scroll-margin-top:98px}.page section:first-child{margin-top:0}.muted{color:#647981}.intro{font-size:17px;max-width:780px}.split,.split-wide,.feature-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:38px;align-items:center}.split-wide{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.feature-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.split>*,.split-wide>*,.feature-split>*{min-width:0}.panel{background:#fff;border:1px solid #D9E3E6;border-radius:12px;padding:24px}.panel-tinted{background:#EAF0F2;border-radius:12px;padding:25px}.dark-panel{background:#1A4050;color:#E8F1F2;border-radius:13px;padding:30px}.dark-panel h2,.dark-panel h3{color:#fff}.list-clean{padding-left:21px;margin:12px 0}.list-clean li{margin-bottom:12px}.chapter-index{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 32px}.chapter-index a{font-size:14px;text-decoration:none;border:1px solid #CBDADD;color:#193946;background:white;border-radius:8px;padding:8px 14px}.chapter-index a:hover{background:#EAF0F2}.image-holder{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:8px;margin:8px 0 16px;background:#EAF0F2;border-radius:12px}.image-holder img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--image-limit,210px);object-fit:contain;object-position:center}.image-holder--hero{--image-limit:290px}.image-holder--feature{--image-limit:240px}.image-holder--inline{--image-limit:180px}.image-holder--rules{--image-limit:210px}.image-holder--banner{--image-limit:190px}.image-holder--portrait{--image-limit:330px;max-width:310px;margin-inline:auto}.image-unavailable{border-left:3px solid #168E96;background:#EAF0F2;padding:10px 13px;font-size:13px;color:#647981}.topic-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.topic-group{border-top:2px solid #168E96;padding:17px 12px 0 0}.route-item{padding:12px 0 19px;border-bottom:1px solid #D9E3E6}.route-item strong{display:block;color:#193946}.route-item a{font-weight:700}.route-number{font-size:12px;color:#168E96;font-weight:700}.editorial-aside{border-left:3px solid #168E96;padding-left:20px}.reading-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;counter-reset:stage}.stage{border-top:1px solid #B8CED3;padding-top:12px}.stage::before{counter-increment:stage;content:'0' counter(stage);color:#168E96;font-weight:700}.stage strong{display:block;font-size:17px;color:#193946}.reading-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:44px;align-items:start}.side-index{position:sticky;top:16px;border-left:2px solid #D9E3E6;padding-left:16px}.side-index a{display:block;padding:8px 0;text-decoration:none;font-size:14px}.article{min-width:0;max-width:790px}.article>section{margin-top:0;margin-bottom:46px}.wide-breakout{grid-column:1/-1}.table-scroller{overflow-x:auto;max-width:100%;border:1px solid #D9E3E6;border-radius:10px;background:#fff;margin:22px 0}.table-scroller table{border-collapse:collapse;width:100%;min-width:560px}.table-scroller caption{text-align:left;font-weight:700;color:#193946;padding:15px 16px}.table-scroller th,.table-scroller td{padding:13px 16px;border-top:1px solid #D9E3E6;text-align:left;vertical-align:top}.table-scroller th{color:#193946;background:#EAF0F2}.numbered-flow{counter-reset:steps;display:grid;gap:16px;margin:20px 0}.flow-step{position:relative;padding:18px 20px 18px 64px;border-bottom:1px solid #D9E3E6;background:#fff;border-radius:8px}.flow-step::before{counter-increment:steps;content:counter(steps);position:absolute;left:19px;top:18px;border-radius:50%;background:#168E96;color:white;width:28px;height:28px;text-align:center;line-height:28px;font-weight:700}.flow-step h3{margin-top:0}.comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.comparison>div{min-width:0;border-top:4px solid #168E96;background:white;padding:23px 20px}.analysis-band{padding:24px 28px;border-left:4px solid #168E96;background:#EAF0F2;margin:23px 0}.analysis-band.dark{background:#1A4050;color:#EEF5F5}.analysis-band.dark h3{color:#fff}.gallery-essay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}.related{background:#EAF0F2;border-radius:12px;padding:27px;margin-top:55px}.related h2{font-size:23px}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related-links a{padding:9px 12px;border:1px solid #C6D8DC;border-radius:7px;text-decoration:none;background:#fff}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid #D9E3E6;border-radius:9px;background:#fff;padding:10px 18px}.faq-list summary{cursor:pointer;font-weight:700;color:#193946;padding:6px 0}.faq-list details p{margin:12px 0 7px}.site-footer{background:#0C2632;color:#C9D9DD;padding:48px 0 16px;font-size:14px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px}.site-footer h2{color:#fff;font-size:18px}.site-footer p{max-width:560px}.footer-name{color:#fff;font-weight:700;font-size:22px}.footer-name small{font-size:10px;font-weight:400;margin-left:8px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site-footer a{color:#DFE9EB;text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #31515C;margin-top:32px;padding-top:12px;font-size:12px;color:#A6BBC1}@media(max-width:1100px){.header-inner{gap:12px}.desktop-nav{gap:8px}.brand small{display:none}}@media(max-width:980px){.header-inner{width:calc(100% - 44px);min-height:64px;justify-content:space-between;gap:12px}.mobile-menu{display:block;order:0;position:static}.brand{order:1;margin-inline:auto}.brand img{max-height:30px}.brand small{display:block}.header-action{order:2}.desktop-nav{display:none}.mobile-menu summary{display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;color:#fff;font-size:24px;width:42px;height:42px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;top:100%;left:0;right:0;background:#173846;padding:19px max(22px,calc((100vw - 1220px)/2));box-shadow:0 9px 15px #061E2860;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mobile-nav-group{min-width:0}.mobile-nav-group strong{color:#83CDCB;display:block;margin:0 0 9px}.mobile-nav-group a{color:#E1EDEF;display:block;text-decoration:none;padding:6px 0}.mobile-nav-group a[aria-current=page]{color:#fff;text-decoration:underline;text-decoration-color:#83CDCB;text-underline-offset:6px}}@media(max-width:760px){.wrap{width:calc(100% - 44px)}.split,.split-wide,.feature-split,.gallery-essay,.footer-grid,.reading-layout{grid-template-columns:1fr;gap:24px}.topic-route-grid{grid-template-columns:1fr 1fr}.comparison{grid-template-columns:1fr}.reading-stages{grid-template-columns:1fr 1fr}.side-index{position:static;display:flex;gap:12px;flex-wrap:wrap}.side-index a{padding:5px 7px}.footer-grid{gap:20px}.page{padding:28px 0 50px}.page section{margin-block:38px}.page .article section{margin-bottom:34px}}@media(max-width:640px){body{font-size:15px}.wrap{width:calc(100% - 32px)}.header-inner{width:calc(100% - 24px)}.brand{gap:3px}.brand small{font-size:8px}.header-action{font-size:12px;padding:6px 8px}.mobile-menu nav{grid-template-columns:1fr;gap:12px;max-height:calc(100vh - 66px);overflow-y:auto}.mobile-nav-group{border-bottom:1px solid #31515C}.mobile-nav-group a{padding:5px 0}.page h1{font-size:28px}.page h2{font-size:22px}.page h3{font-size:18px}.intro{font-size:16px}.topic-route-grid,.reading-stages{grid-template-columns:1fr}.panel,.panel-tinted,.dark-panel{padding:18px}.image-holder--hero{--image-limit:195px}.image-holder--feature{--image-limit:180px}.image-holder--inline{--image-limit:140px}.image-holder--rules{--image-limit:165px}.image-holder--banner{--image-limit:125px}.image-holder--portrait{--image-limit:275px;max-width:240px}.related{padding:18px}.related-links{display:grid}.footer-links{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}