*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:#F6F8F8;color:#374D58;font:16.5px/1.8 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{max-width:1220px;margin-inline:auto;padding-inline:28px;min-width:0}.skip{position:absolute;top:-100px;background:#fff;padding:10px;z-index:50}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-header{background:#122E3B;color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 8px #122e3b19}.nav-inner{max-width:1220px;margin:auto;padding:0 28px;min-height:76px;display:flex;align-items:center;gap:18px;min-width:0}.brand{display:flex;flex-shrink:0;gap:8px;align-items:center;text-decoration:none;color:white;white-space:nowrap}.brand img{display:block;width:auto;height:auto;max-width:160px;max-height:38px;object-fit:contain}.brand small{font-size:9px;letter-spacing:1.1px;color:#aac4cb}.brand-fallback{font-size:20px;color:white;font-weight:750}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(7px,1.08vw,18px);min-width:0;flex:1}.desktop-nav a{color:#e2edf0;text-decoration:none;font-size:clamp(12px,1vw,14px);white-space:nowrap;border-bottom:2px solid transparent;padding:24px 0 21px}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#fff;border-bottom-color:#41bac0;font-weight:700}.entry{color:#fff;background:#168E96;text-decoration:none;padding:7px 12px;border-radius:8px;white-space:nowrap;font-size:13px;font-weight:bold}.entry:hover{color:white;background:#116b71}.mobile-menu{display:none}.crumb{font-size:13px;color:#647981;padding-top:13px;padding-bottom:12px;display:flex;gap:12px}.crumb a{text-decoration:none}main{padding-bottom:70px}h1,h2,h3{color:#193946;line-height:1.35;letter-spacing:-.025em}h1{font-size:clamp(34px,3vw,42px);margin:0 0 18px}h2{font-size:27px;margin:0 0 18px}h3{font-size:20px;margin:20px 0 8px}p{margin:0 0 16px}section{scroll-margin-top:110px}article p{max-width:780px}ul,ol{padding-left:1.45em}li{margin-bottom:6px}.eyebrow{color:#168E96;letter-spacing:.13em;font-size:12px;font-weight:750;text-transform:uppercase}.lead{font-size:18px;line-height:1.85;color:#47626d}.page-intro{margin:20px 0 38px;max-width:980px}.section-block{padding:45px 0;border-top:1px solid #D9E3E6}.muted{color:#647981}.surface{background:#fff;border:1px solid #D9E3E6;border-radius:12px;padding:25px}.soft{background:#EAF0F2;border-radius:12px;padding:25px}.dark-panel{background:#1A4050;border-radius:12px;color:#e1edf0;padding:28px}.dark-panel h2,.dark-panel h3{color:white}.hero-layout,.split,.editorial,.artwork,.two-cols,.feature-row,.layout-article,.guide-columns{display:grid;min-width:0;gap:32px;align-items:start}.hero-layout{grid-template-columns:minmax(0,58fr) minmax(0,42fr);align-items:center;background:white;border-radius:14px;padding:30px}.hero-layout h1{max-width:700px}.hero-links,.inline-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.pill-link{display:inline-block;padding:7px 14px;background:#EAF0F2;border-radius:8px;text-decoration:none;font-weight:700}.topic-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-pair{border-top:3px solid #168E96;padding:17px 19px;background:white}.topic-pair a{display:block;text-decoration:none;margin-bottom:13px}.topic-pair a strong{display:block;color:#193946}.topic-pair small{color:#647981}.editorial{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.split{grid-template-columns:1fr 1fr;align-items:center}.feature-row{grid-template-columns:1.3fr 1fr;align-items:center}.stacked-note{border-left:3px solid #168E96;padding-left:16px;margin-bottom:24px}.route-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:step}.route-steps a{padding:18px;text-decoration:none;background:white;border-top:2px solid #D9E3E6}.route-steps a::before{counter-increment:step;content:'0' counter(step);display:block;color:#168E96;font-size:24px;font-weight:bold}.image-holder{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:8px;background:#EAF0F2;border-radius:12px;margin:0}.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-note{display:block;border-left:3px solid #D9E3E6;background:#EAF0F2;color:#647981;padding:9px 13px;font-size:13px;margin:0}.section-index{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 0}.section-index a{display:inline-block;padding:7px 13px;background:#EAF0F2;border-radius:6px;text-decoration:none;font-size:14px}.layout-article{grid-template-columns:220px minmax(0,1fr)}.side-index{position:sticky;top:108px;background:#EAF0F2;padding:19px;border-radius:10px}.side-index a{display:block;padding:8px 0;border-bottom:1px solid #D9E3E6;text-decoration:none}.article-flow{background:#fff;padding:30px;border-radius:12px;min-width:0}.article-flow section{margin-bottom:38px}.full-band{margin:32px 0}.wide-table{overflow-x:auto;max-width:1040px;margin:24px auto;border:1px solid #D9E3E6;border-radius:8px;background:#fff}.wide-table table{border-collapse:collapse;width:100%;min-width:600px;text-align:left}.wide-table caption{text-align:left;color:#193946;font-weight:bold;padding:12px 16px}.wide-table th,.wide-table td{padding:12px 16px;border-bottom:1px solid #D9E3E6;vertical-align:top}.wide-table th{background:#EAF0F2;color:#193946}.comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.comparison>div{background:#fff;border-top:3px solid #168E96;padding:21px}.comparison h3{margin-top:0}.phase-list{counter-reset:phase;list-style:none;margin:22px 0;padding:0}.phase-list li{counter-increment:phase;position:relative;padding:14px 16px 14px 60px;background:#fff;border-bottom:1px solid #D9E3E6}.phase-list li::before{content:counter(phase,decimal-leading-zero);position:absolute;left:15px;top:13px;color:#168E96;font-weight:800}.article-narrow{max-width:820px;margin-inline:auto}.football-banner{max-width:1040px;margin:20px auto 32px}.football-banner .image-holder{--image-limit:240px}.flow-notes{display:grid;grid-template-columns:1fr 2fr;gap:28px}.flow-notes aside{font-size:14px;color:#647981;border-left:3px solid #168E96;padding-left:15px}.artwork{grid-template-columns:1fr 1fr;align-items:center}.related{padding:22px 0;border-top:1px solid #D9E3E6;margin:35px 0}.related>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.related a{background:#EAF0F2;text-decoration:none;padding:8px 12px;border-radius:7px}.faq{max-width:980px}.faq details{background:white;border:1px solid #D9E3E6;border-radius:8px;margin:8px 0;padding:12px 18px}.faq summary{cursor:pointer;font-weight:700;color:#193946}.faq p{padding-top:12px;margin:0}.guide-columns{grid-template-columns:1.3fr 1fr}.site-footer{background:#0C2632;color:#bcd0d6;padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-brand{font-size:22px;font-weight:800;color:#fff;text-decoration:none}.footer-brand small{display:block;letter-spacing:2px;font-size:10px}.site-footer p{max-width:550px;font-size:14px}.site-footer strong{color:white}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.footer-links a{color:#d8e9ed;text-decoration:none;font-size:14px}.footer-bottom{border-top:1px solid #32505b;margin-top:28px;padding-top:17px;font-size:12px;color:#a5bdc5}@media(max-width:1150px){.nav-inner{gap:9px}.brand small{display:none}.desktop-nav{gap:9px}.desktop-nav a{font-size:12px}}@media(max-width:980px){.wrap{padding-inline:22px}.nav-inner{min-height:64px;justify-content:space-between;padding-inline:22px}.desktop-nav{display:none}.mobile-menu{display:block;order:0}.brand{order:1;margin:auto}.entry{order:2}.mobile-menu>summary{list-style:none;cursor:pointer;color:white;display:flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:23px}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-panel{position:absolute;left:0;right:0;top:100%;background:#173948;box-shadow:0 8px 12px #122e3b35;padding:18px 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.menu-group b{display:block;color:#80d0d2;font-size:13px;margin-bottom:7px}.menu-group a{display:block;color:white;text-decoration:none;padding:7px 0}.menu-group a[aria-current=page]{text-decoration:underline;text-decoration-color:#62c4c7;text-underline-offset:5px;font-weight:bold}.topic-groups{grid-template-columns:1fr 1fr}.layout-article{grid-template-columns:180px minmax(0,1fr)}}@media(max-width:760px){.hero-layout,.split,.editorial,.artwork,.two-cols,.feature-row,.layout-article,.guide-columns,.flow-notes{grid-template-columns:minmax(0,1fr)}.side-index{position:static}.comparison{grid-template-columns:1fr}.route-steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;gap:18px}.article-flow{padding:20px}.section-block{padding:34px 0}}@media(max-width:640px){body{font-size:15.5px;line-height:1.78}.wrap{padding-inline:16px}.nav-inner{padding-inline:16px}.brand img{max-height:30px;max-width:135px}.brand-fallback{font-size:17px}.entry{font-size:12px;padding:6px 9px}.mobile-panel{grid-template-columns:1fr;gap:10px;max-height:calc(100dvh - 64px);overflow:auto}.menu-group{border-bottom:1px solid #385663}.menu-group a{padding:4px 0}.hero-layout{padding:20px}.topic-groups{grid-template-columns:1fr}.route-steps{grid-template-columns:1fr 1fr}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}.lead{font-size:16px}.surface,.soft,.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}.football-banner .image-holder{--image-limit:180px}.crumb{font-size:12px}.footer-links{gap:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}