*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#F6F8F8;color:#374D58;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:#226D9D;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#168E96}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #168E96;outline-offset:3px}h1,h2,h3{color:#193946;line-height:1.3;letter-spacing:.01em}h1{font-size:clamp(34px,3.1vw,42px);margin:0 0 20px}h2{font-size:clamp(24px,2.2vw,28px);margin:0 0 18px}h3{font-size:20px;margin:22px 0 10px}p{margin:0 0 17px}small,.muted{color:#647981}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#168E96;margin-bottom:12px}.lead{font-size:17px;line-height:1.85;max-width:780px}.site-header{background:#122E3B;color:white;position:relative;z-index:30}.header-inner{max-width:1220px;margin:auto;min-height:76px;padding:0 28px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;flex:0 0 auto}.brand:hover{color:#fff}.brand-caption{font-weight:700;font-size:10px;letter-spacing:.11em;white-space:nowrap}.brand-mark{max-width:170px}.image-holder--logo{padding:0!important;background:none!important;border:0!important;display:block!important}.image-holder--logo img{max-height:38px!important;max-width:155px!important}.brand .image-missing{font-weight:700;color:#fff;font-size:13px;line-height:1.2;margin:0;max-width:108px}.desktop-nav{display:flex;align-items:stretch;justify-content:center;gap:clamp(6px,1.2vw,17px);flex:1;min-width:0;white-space:nowrap}.desktop-nav a{font-size:clamp(11px,.99vw,13px);color:#D8E5E8;text-decoration:none;line-height:76px;border-bottom:3px solid transparent}.desktop-nav a[aria-current="page"]{border-color:#63C2C6;color:white;font-weight:700}.desktop-nav a:hover{color:white}.register-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:6px;background:#168E96;color:white;white-space:nowrap;font-size:13px;font-weight:700;text-decoration:none;flex:none}.register-link:hover{background:#1AA3A9;color:white}.mobile-nav{display:none}.skip-link{position:absolute;top:-100px;left:12px;z-index:100;background:#fff;padding:8px}.skip-link:focus{top:8px}.page-shell{max-width:1220px;padding:0 28px 80px;margin:0 auto;min-width:0}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:13px;padding:20px 0;color:#647981}.breadcrumbs a{text-decoration:none}.section{padding:54px 0;border-bottom:1px solid #D9E3E6}.section:last-child{border-bottom:0}.intro-section{padding:45px 0 52px}.split-hero,.feature-split,.wide-narrow,.two-columns,.editor-split,.football-reading,.about-columns,.sports-layout,.gallery-feature{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px;align-items:start}.split-hero{grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);align-items:center}.wide-narrow{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.editor-split{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.sports-layout{grid-template-columns:200px minmax(0,1fr);gap:48px}.football-reading{grid-template-columns:minmax(0,1fr) 220px}.about-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gallery-feature{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.article{max-width:780px}.article-wide{max-width:1040px}.article p,.article-wide p{line-height:1.85}.theme-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #D9E3E6}.theme-item{padding:20px 24px 22px 0;display:flex;gap:17px;border-bottom:1px solid #D9E3E6;min-width:0}.theme-item .number{font-weight:700;color:#168E96;font-size:13px}.theme-item h3{margin:0 0 5px;font-size:19px}.theme-item p{font-size:14px;margin-bottom:3px}.theme-item a{font-weight:700}.text-strip{padding:22px 26px;background:#EAF0F2;border-left:3px solid #168E96;border-radius:0 10px 10px 0}.text-strip h3:first-child{margin-top:0}.note-list{display:grid;gap:18px}.note-list>div{border-top:1px solid #D9E3E6;padding-top:12px}.note-list h3{margin:0 0 5px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.steps>div{position:relative;border-top:3px solid #168E96;padding:22px 12px 14px 0}.steps>div:before{counter-increment:step;content:"0" counter(step);display:block;color:#168E96;font-weight:700;font-size:12px;margin-bottom:10px}.steps h3{margin:0 0 8px}.article-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-index,.topic-index{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 30px}.mini-index a,.topic-index a{display:inline-block;text-decoration:none;border:1px solid #D9E3E6;border-radius:6px;padding:7px 12px;background:#fff;font-size:14px}.side-index{position:sticky;top:20px;display:grid;gap:6px;padding:20px;background:#EAF0F2;border-radius:10px}.side-index a{font-size:14px;text-decoration:none;padding:5px}.side-index strong{color:#193946}.article-panel{background:#fff;padding:24px;border:1px solid #D9E3E6;border-radius:10px}.article-panel h2:not(:first-child){margin-top:36px}.section-band{background:#EAF0F2;padding:34px 28px;border-radius:10px}.section-band.dark{background:#1A4050;color:#EDF5F6}.section-band.dark h2,.section-band.dark h3{color:white}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.comparison-grid>article{border-top:3px solid #168E96;padding:18px 18px 14px;background:#fff}.comparison-grid h3{margin:0 0 8px}.table-scroller{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #D9E3E6;border-radius:8px;background:white;margin:20px 0}.table-scroller table{border-collapse:collapse;min-width:630px;width:100%;font-size:14px}.table-scroller caption{text-align:left;font-weight:700;padding:13px 16px;color:#193946}.table-scroller th,.table-scroller td{border-top:1px solid #D9E3E6;padding:12px 14px;text-align:left;vertical-align:top}.table-scroller th{background:#EAF0F2;color:#193946}.image-holder{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;padding:8px;margin:0;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--wide{--image-limit:190px}.image-holder--portrait{--image-limit:330px;max-width:310px;margin-inline:auto}.image-missing{background:#EAF0F2;color:#647981;border-left:3px solid #D9E3E6;border-radius:5px;padding:10px 14px;font-size:13px;margin:0}.image-holder--logo+.image-missing{background:transparent}.related{border-top:2px solid #168E96;padding-top:23px;margin-top:42px}.related h2{font-size:22px}.related-links{display:flex;flex-wrap:wrap;gap:12px}.related-links a{padding:8px 12px;background:#EAF0F2;border-radius:6px;text-decoration:none}.faq-list{max-width:950px}.faq-list details{border-bottom:1px solid #D9E3E6;padding:3px 0}.faq-list summary{cursor:pointer;padding:14px 30px 14px 2px;color:#193946;font-weight:700}.faq-list details p{padding:0 20px 15px 2px}.muted-quote{border-left:3px solid #168E96;padding-left:18px;color:#647981;font-style:normal}.site-footer{background:#0C2632;color:#BBCFD5}.footer-inner{max-width:1220px;margin:0 auto;padding:36px 28px 28px}.footer-top{display:grid;grid-template-columns:260px minmax(0,1fr);gap:35px}.footer-brand{font-size:24px;color:white}.footer-top p{font-size:13px;margin-top:8px}.footer-top nav{display:flex;flex-wrap:wrap;gap:8px 18px;align-content:start}.footer-top a{color:#DDE9EB;text-decoration:none;font-size:13px}.footer-top a:hover{color:white}.footer-disclaimer{margin-top:24px;border-top:1px solid #35505A;padding-top:18px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}section[id],h2[id],h3[id]{scroll-margin-top:100px}
@media(max-width:1100px){.header-inner{padding:0 22px;gap:10px}.brand-caption{font-size:9px}.brand-mark{max-width:125px}.image-holder--logo img{max-width:115px!important}.desktop-nav{gap:8px}.desktop-nav a{font-size:11px}.register-link{padding:8px 9px}.page-shell{padding-left:22px;padding-right:22px}}
@media(max-width:980px){.header-inner{min-height:64px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:0 22px}.desktop-nav{display:none}.mobile-nav{display:block;grid-column:1;grid-row:1}.mobile-nav summary{display:grid;place-items:center;width:44px;height:44px;cursor:pointer;list-style:none;border:1px solid #63808D;border-radius:6px;font-size:22px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-menu-content{position:absolute;top:100%;left:0;right:0;background:#122E3B;border-top:1px solid #35505A;padding:16px max(22px,calc((100vw - 1176px)/2)) 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;box-shadow:0 10px 18px #0C263222}.mobile-menu-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.menu-close{background:transparent;color:white;border:1px solid #6A838A;padding:6px 12px;border-radius:5px;cursor:pointer}.menu-group{display:grid;align-content:start;gap:5px}.menu-group span{font-size:12px;color:#7DC9CE;font-weight:700}.menu-group a{color:white;text-decoration:none;padding:5px 0;font-size:14px}.menu-group a[aria-current="page"]{font-weight:700;text-decoration:underline}.brand{grid-column:2;grid-row:1;justify-self:center}.image-holder--logo img{max-height:30px!important;max-width:150px!important}.register-link{grid-column:3;grid-row:1}.sports-layout{grid-template-columns:160px minmax(0,1fr);gap:22px}}
@media(max-width:760px){.split-hero,.feature-split,.wide-narrow,.two-columns,.editor-split,.football-reading,.about-columns,.sports-layout,.gallery-feature{grid-template-columns:minmax(0,1fr);gap:24px}.side-index{position:static}.comparison-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:1fr}.section{padding:38px 0}.article-panel{padding:18px}.mobile-menu-content{grid-template-columns:1fr;gap:13px}.menu-group{border-bottom:1px solid #35505A;padding-bottom:9px}.gallery-feature .image-holder{order:0}}
@media(max-width:640px){body{font-size:15px;line-height:1.75}h1{font-size:clamp(26px,7vw,30px)}h2{font-size:clamp(20px,5.2vw,23px)}h3{font-size:18px}.header-inner{padding:0 16px}.page-shell{padding-left:16px;padding-right:16px;padding-bottom:48px}.mobile-menu-content{padding:15px 16px 22px}.brand-caption{font-size:8px}.image-holder--logo img{max-width:115px!important}.register-link{font-size:12px;padding:7px 8px}.theme-group{grid-template-columns:1fr}.theme-item{padding-right:0}.steps,.article-steps{grid-template-columns:1fr}.section{padding:32px 0}.intro-section{padding:32px 0}.lead{font-size:16px}.section-band{padding:23px 16px}.text-strip{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--wide{--image-limit:125px}.image-holder--portrait{--image-limit:275px;max-width:240px}.footer-inner{padding:30px 16px}.related-links{display:grid}.breadcrumbs{padding:13px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}