:root{--bg:#F6F8F8;--white:#FFFFFF;--soft:#EAF0F2;--navy:#122E3B;--panel:#1A4050;--accent:#168E96;--link:#226D9D;--heading:#193946;--ink:#374D58;--muted:#647981;--line:#D9E3E6;--foot:#0C2632}
*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:94px}body{margin:0;background:var(--bg);font:16.5px/1.8 Arial,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);overflow-wrap:break-word}img{max-width:100%}a{color:var(--link);text-underline-offset:.2em}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #35b6bd;outline-offset:3px}button{font:inherit;cursor:pointer}h1,h2,h3{color:var(--heading);line-height:1.35;margin:0 0 .7em;letter-spacing:-.015em}h1{font-size:clamp(34px,3vw,42px)}h2{font-size:clamp(24px,2.3vw,28px)}h3{font-size:20px}p{margin:0 0 1.13em}ul,ol{padding-left:1.35em}li{margin-bottom:.5em}section[id],article[id],h2[id]{scroll-margin-top:94px}.container,.site-main,.breadcrumb{width:min(calc(100% - 56px),1220px);margin-inline:auto}.site-main{padding-bottom:68px}.site-header{background:var(--navy);color:white;position:relative;z-index:10}.header-inner{width:min(calc(100% - 56px),1220px);margin:auto;display:flex;align-items:center;gap:clamp(10px,1.6vw,22px);min-height:76px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;color:white;text-decoration:none}.brand-english{font-size:10px;letter-spacing:.12em;line-height:1.2;max-width:85px;color:#d7e8e9}.logo-fallback{font-weight:800;font-size:20px;white-space:nowrap}.image-holder--logo{margin:0;padding:0;background:transparent;border:0;width:auto}.image-holder--logo img{max-height:38px;width:auto;max-width:145px}.desktop-nav{display:flex;gap:clamp(7px,1.2vw,18px);align-items:center;justify-content:center;flex:1;min-width:0}.desktop-nav a{color:#e3ecee;text-decoration:none;font-size:clamp(12px,.92vw,14px);white-space:nowrap;font-weight:500;border-bottom:2px solid transparent;padding:11px 0 8px}.desktop-nav a:hover,.desktop-nav a.is-current{color:white;border-bottom-color:#49c2c5}.desktop-nav a.is-current{font-weight:800}.register-link{white-space:nowrap;text-decoration:none;border:1px solid #86bfc4;border-radius:8px;padding:7px 11px;color:white;font-size:13px;font-weight:700}.register-link:hover{color:white;background:#24606b}.menu-toggle,.mobile-nav,.mobile-fallback{display:none}.breadcrumb-wrap{background:#edf2f3;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:13px;padding-block:9px;color:var(--muted)}.breadcrumb a{color:var(--link)}.skip-link{position:absolute;left:14px;top:-70px;z-index:100;background:white;color:#102d39;padding:10px}.skip-link:focus{top:10px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.17em;color:var(--accent);font-weight:800;margin-bottom:13px}.lead{font-size:18px;color:#3a5660;line-height:1.8}.page-intro{max-width:850px;padding:43px 0 28px}.page-intro p:last-child{margin-bottom:0}.section{margin-top:56px}.section-heading{max-width:770px;margin-bottom:24px}.section-heading p{color:var(--muted)}.section-rule{border-top:1px solid var(--line);padding-top:25px}.two-col,.hero-grid,.feature-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(22px,4vw,55px)}.hero-grid{grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);padding-top:38px}.hero-copy h1{max-width:740px}.feature-grid.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.feature-grid>*{min-width:0}.narrow{max-width:760px}.wide-prose{max-width:890px}.panel{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:24px}.soft-panel{background:var(--soft);padding:24px;border-radius:12px}.dark-panel{background:var(--panel);color:#e5eff1;border-radius:12px;padding:27px}.dark-panel h2,.dark-panel h3{color:white}.small-note{font-size:14px;color:var(--muted)}.dark-panel .small-note{color:#c0d6da}.text-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px}.text-actions a{font-weight:700}.image-holder{--image-limit:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;max-width:100%;min-width:0;padding:8px;background:var(--soft);border:1px solid var(--line);border-radius:12px;margin:0}.image-holder img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--image-limit);object-fit:contain;object-position:center}.image-holder figcaption{font-size:12px;color:var(--muted);text-align:center;line-height:1.5}.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-holder--logo{--image-limit:38px}.image-missing{background:var(--soft);border-left:3px solid var(--accent);padding:9px 12px;font-size:13px;color:var(--muted);margin:0}.topic-groups{display:grid;gap:0;border-top:1px solid var(--line)}.topic-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-bottom:1px solid var(--line);padding:24px 0}.topic-item{display:flex;align-items:flex-start;gap:16px;min-width:0}.topic-number{color:var(--accent);font-weight:bold;min-width:32px;font-size:14px}.topic-item h3{font-size:19px;margin:0 0 7px}.topic-item p{font-size:15px;margin-bottom:7px}.editorial-side{border-left:3px solid var(--accent);padding-left:22px}.editorial-side>div+div{margin-top:23px;border-top:1px solid var(--line);padding-top:20px}.steps{list-style:none;padding:0;counter-reset:step}.steps>li{counter-increment:step;display:grid;grid-template-columns:47px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.steps>li:before{content:counter(step,decimal-leading-zero);font-size:19px;color:var(--accent);font-weight:800}.steps h3{margin:0 0 7px}.reading-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.reading-track>div{border-top:3px solid var(--accent);padding-top:15px}.reading-track h3{font-size:17px}.reading-track p{font-size:14px}.related{margin-top:55px;background:var(--soft);padding:23px 27px;border-radius:11px}.related h2{font-size:21px}.link-list{display:flex;flex-wrap:wrap;gap:10px 30px;padding:0;list-style:none;margin:0}.link-list li{margin:0}.content-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:42px;align-items:start}.chapter-index{border-left:2px solid var(--line);padding-left:17px;margin-top:12px}.chapter-index h2{font-size:18px}.chapter-index a{display:block;margin:12px 0;font-size:14px}.article-body{min-width:0;max-width:800px}.article-body section{margin-bottom:46px}.article-body section h2{border-top:1px solid var(--line);padding-top:20px}.comparison{margin:30px 0;overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:10px;background:white}.comparison table{width:100%;border-collapse:collapse;min-width:600px;text-align:left}.comparison caption{text-align:left;padding:12px 17px;font-weight:800;color:var(--heading)}.comparison th,.comparison td{border-top:1px solid var(--line);padding:12px 16px;vertical-align:top;font-size:15px}.comparison th{background:var(--soft);color:var(--heading);font-weight:700}.comparison thead th{border-top:0}.stage-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}.stage-flow>div{border-left:3px solid var(--accent);padding:11px 15px;background:var(--soft)}.stage-flow strong{display:block;color:var(--heading)}.quote{border-left:4px solid var(--accent);padding:13px 22px;background:var(--soft);margin:27px 0;font-size:17px;color:var(--heading)}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.concept-grid>article{padding:22px 21px;border-top:3px solid var(--accent);background:var(--white);border-radius:4px 4px 10px 10px}.concept-grid h3{font-size:19px}.concept-grid p{font-size:15px}.analysis-band{padding:26px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:36px}.analysis-band.alt{background:var(--soft);padding:25px;border-radius:10px}.analysis-band h2{font-size:25px}.analysis-band p{margin-bottom:0}.gallery-piece{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px;margin:36px 0}.gallery-piece.reverse .image-holder{order:2}.gallery-piece.reverse .gallery-caption{order:1}.gallery-caption h2{font-size:25px}.handbook{max-width:900px}.manual-index{display:flex;gap:11px 26px;flex-wrap:wrap;padding:15px 20px;border-top:2px solid var(--accent);background:var(--soft);border-radius:7px}.handbook>section{margin-top:45px}.faq-stack{display:grid;gap:9px}.faq-stack details{background:white;border:1px solid var(--line);border-radius:9px;padding:0 18px}.faq-stack summary{cursor:pointer;color:var(--heading);font-weight:700;padding:13px 6px}.faq-stack p{padding:0 6px 14px;margin:0;font-size:15px}.faq-section{margin-top:56px}.guide-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:45px;align-items:start}.guide-grid>div{min-width:0}.guide-grid section{margin-bottom:42px}.guide-grid .sidebar{background:var(--soft);border-radius:12px;padding:22px}.guide-grid .sidebar h2{font-size:22px}.guide-table{width:100%;border-collapse:collapse}.guide-table td,.guide-table th{padding:11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:15px}.guide-table th{color:var(--heading)}.site-footer{background:var(--foot);color:#c4d7dc;padding:44px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:50px}.footer-identity{max-width:460px}.footer-brand{color:white;font-weight:800;font-size:21px}.footer-brand span{font-size:11px;letter-spacing:.1em;margin-left:8px}.site-footer h2{color:white;font-size:18px}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 13px}.site-footer a{color:#d8ebed;text-decoration:none;font-size:14px}.site-footer a:hover,.site-footer a.is-current{text-decoration:underline}.footer-bottom{border-top:1px solid #36515d;margin-top:28px;padding-top:16px;font-size:13px}.footer-bottom p{margin:0 0 7px}
@media(max-width:1100px) and (min-width:981px){.header-inner{gap:8px}.brand-english{display:none}.desktop-nav{gap:9px}.desktop-nav a{font-size:12px}.register-link{padding:6px 8px}}
@media(max-width:980px){.header-inner{width:calc(100% - 44px);min-height:64px;display:grid;grid-template-columns:1fr auto 1fr;gap:10px}.brand{justify-self:center}.menu-toggle{display:flex!important;justify-self:start;align-items:center;justify-content:center;background:transparent;color:white;border:1px solid #728f9a;border-radius:7px;width:42px;height:42px}.menu-toggle span{font-size:21px;line-height:1}.desktop-nav{display:none}.register-link{justify-self:end;font-size:13px}.image-holder--logo img{max-height:30px}.brand-english{font-size:9px}.mobile-nav{display:none;background:var(--navy);border-top:1px solid #355562;padding:14px 22px 22px}.mobile-nav.is-open{display:block}.mobile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.menu-close{border:1px solid #7b9ba4;color:white;background:transparent;border-radius:7px;padding:6px 13px}.mobile-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mobile-groups p{font-size:12px;color:#9bcbd0;margin:0 0 5px;font-weight:bold}.mobile-groups a{display:block;padding:6px 0;color:white;text-decoration:none}.mobile-groups a.is-current{text-decoration:underline;font-weight:800}.mobile-fallback{display:block;background:#234450;padding:7px 22px;color:white}.mobile-fallback[hidden]{display:none}.mobile-fallback summary{font-size:13px;cursor:pointer}.mobile-fallback nav{display:flex;gap:12px;flex-wrap:wrap;padding:10px 0}.mobile-fallback a{color:white}.container,.site-main,.breadcrumb{width:calc(100% - 44px)}}
@media(max-width:760px){.content-grid,.guide-grid,.two-col,.feature-grid,.feature-grid.reverse,.analysis-band,.gallery-piece,.hero-grid{grid-template-columns:minmax(0,1fr)}.gallery-piece.reverse .image-holder,.gallery-piece.reverse .gallery-caption{order:initial}.chapter-index{border-left:0;border-bottom:1px solid var(--line);padding:0 0 13px;margin-bottom:16px}.chapter-index a{display:inline-block;margin:4px 12px 4px 0}.topic-pair{gap:20px}.reading-track{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-grid,.stage-flow{grid-template-columns:1fr}.section{margin-top:40px}.page-intro{padding:31px 0 18px}.hero-grid{padding-top:28px}.footer-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:640px){body{font-size:15.5px;line-height:1.78}h1{font-size:clamp(26px,7.5vw,30px)}h2{font-size:clamp(20px,5.5vw,23px)}h3{font-size:18px}.container,.site-main,.breadcrumb{width:calc(100% - 32px)}.header-inner{width:calc(100% - 32px);min-height:62px}.brand-english{display:none}.register-link{font-size:12px;padding:7px 8px}.topic-pair{grid-template-columns:1fr;gap:18px}.topic-item{gap:10px}.panel,.soft-panel,.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}.mobile-groups{grid-template-columns:1fr;gap:8px}.mobile-groups>div{border-bottom:1px solid #45606b;padding-bottom:7px}.mobile-groups a{display:inline-block;margin-right:20px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.lead{font-size:16px}.section{margin-top:34px}.related{padding:18px}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .15s,color .15s,border-color .15s}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.feature-essay{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}
@media(max-width:760px){.feature-essay{grid-template-columns:minmax(0,1fr)}}