*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#333;font:16px/1.78 system-ui,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#c43a22}img{max-width:100%}.wrap{max-width:1100px;margin:0 auto;padding:0 24px}.header{background:#fff;border-bottom:1px solid #eee}.header-bar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:23px}.brand{display:flex;align-items:center;gap:9px;min-width:155px;color:#1a1a1a;font-size:13px;white-space:nowrap}.brand .media{height:36px;width:72px;border-radius:0;background:transparent}.brand strong{letter-spacing:.07em}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:19px;white-space:nowrap;flex:1}.desktop-nav a{font-size:14px;height:72px;display:flex;align-items:center;border-bottom:2px solid transparent}.desktop-nav a.active{border-color:#f45132;color:#c43a22}.register{border-radius:999px;background:#f45132;color:white;padding:7px 24px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:600;font-size:14px}.register:hover{color:white;background:#ff684e}.topicbar{background:#f6f7f9}.topicbar .wrap{min-height:44px;display:flex;align-items:center;gap:24px}.topicbar strong{font-size:13px;color:#bc432e}.topicbar nav{display:flex;gap:25px;flex-wrap:wrap}.topicbar a{font-size:13px;color:#555}.menu-button{display:none}.mobile-drawer,.drawer-mask{display:none}.media{width:100%;position:relative;overflow:hidden;background:#f6f7f9;border-radius:12px}.media.wide{aspect-ratio:16/9}.media.portrait{aspect-ratio:3/4}.media>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;object-position:center}.media-placeholder{height:100%;width:100%;background:#f6f7f9}.brand .media,.footbrand .media{aspect-ratio:2/1}.hero{padding:35px 0 32px}.hero-layout{display:grid;grid-template-columns:3fr 2fr;gap:30px;align-items:center}.hero .media{max-height:280px}.overline{font-size:13px;color:#c43a22;font-weight:700;letter-spacing:.07em}.hero h1{font-size:36px;line-height:1.35;color:#1a1a1a;margin:10px 0 14px}.hero p,.intro p{margin:0 0 13px;color:#555}.featurelinks{display:grid;gap:9px;margin-top:18px}.featurelinks a{border-top:1px solid #eee;padding-top:8px;font-weight:600;font-size:14px}.section{padding:34px 0 40px}.soft{background:#f6f7f9}.sectionhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}.sectionhead h2{font-size:25px;line-height:1.35;color:#1a1a1a;margin:0}.sectionhead>a{color:#c43a22;font-size:14px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tile,.paper{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:20px;min-width:0}.tile{display:flex;flex-direction:column}.tile h3,.paper h3{font-size:19px;margin:0 0 9px;color:#1a1a1a;line-height:1.4}.tile p,.paper p{font-size:15px;line-height:1.75;margin:0 0 15px;color:#555}.tile>a,.paper>a{font-size:14px;color:#bd402a;font-weight:600;margin-top:auto}.figure h3{font-size:17px;margin:10px 0 2px}.figure p{font-size:14px;margin:0;color:#666}.split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:28px}.article{min-width:0}.article h2{font-size:23px;margin:27px 0 10px;color:#1a1a1a;line-height:1.4}.article p{margin:0 0 16px}.article h2:first-child{margin-top:0}.sidebar{padding:19px;background:#f6f7f9;border-radius:12px;align-self:start}.sidebar h2{font-size:18px;margin:0 0 12px}.sidebar a{display:block;padding:11px 0;border-top:1px solid #e4e4e4;font-size:14px}.pagehead{padding:32px 0 24px;border-bottom:1px solid #eee}.pagehead h1{font-size:32px;line-height:1.38;margin:9px 0 12px;color:#1a1a1a}.pagehead p{max-width:860px;margin:0;color:#666}.breadcrumbs{font-size:13px;color:#777}.pagebody{padding:30px 0 45px}.lineitem{display:grid;grid-template-columns:38px minmax(0,1fr);gap:15px;padding:18px 0;border-bottom:1px solid #e9e9e9}.lineitem .number{font-size:22px;color:#d7a84b;font-weight:700}.lineitem h3{margin:0 0 6px;font-size:18px;color:#222}.lineitem p{margin:0 0 5px;font-size:15px;color:#666}.lineitem a{color:#bb412d;font-size:13px}.catalog-item .media{height:115px;aspect-ratio:auto}.catalog-item h3{font-size:16px;margin:10px 0 4px}.catalog-item p{font-size:13px;color:#666;line-height:1.6;margin:0}.notice{background:#fff8f2;border-left:3px solid #f45132;border-radius:6px;padding:15px 17px;font-size:14px;color:#654b42}.footer{background:#1a1a1a;color:#f5f5f5;margin-top:10px;padding-top:39px}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer h2{font-size:16px;margin:0 0 14px}.footer p{font-size:13px;color:#ddd;margin:10px 0}.footer a{display:block;color:#ddd;font-size:13px;padding:3px 0}.footer a:hover{color:#fff}.footbrand{display:flex;align-items:center;gap:8px;font-size:13px}.footbrand .media{height:30px;width:64px;border-radius:0;background:transparent}.footbottom{border-top:1px solid #404040;display:flex;justify-content:space-between;gap:15px;padding-top:14px;padding-bottom:16px;margin-top:30px;color:#ccc;font-size:12px}.mobile-bottom{display:none}@media(max-width:1100px){.desktop-nav{gap:12px}.brand{min-width:115px}.brand strong{display:none}}@media(max-width:980px){.wrap{padding:0 20px}.desktop-nav,.topicbar{display:none}.header-bar{height:58px}.brand{min-width:0}.brand strong{display:none}.brand .media{height:28px;width:66px}.menu-button{display:flex;border:0;background:none;padding:8px;flex-direction:column;gap:5px;width:40px;cursor:pointer}.menu-button span{height:2px;background:#333;width:23px}.register{height:36px;min-height:36px;min-width:72px;padding:4px 16px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;background:#fff;color:#1a1a1a;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto}.mobile-drawer.is-open{transform:translateX(0)}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.is-visible{display:block;opacity:1;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-top{display:flex;justify-content:space-between;align-items:center;background:#f6f7f9;padding:12px 18px;font-weight:700}.drawer-close{border:0;background:none;font-size:28px;cursor:pointer}.drawer-group{padding:12px 20px;border-bottom:1px solid #eee}.drawer-group h2{font-size:13px;color:#bc432e;margin:0 0 5px}.drawer-group a{display:block;min-height:40px;padding:9px 0;font-size:15px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff;box-shadow:0 -2px 14px #00000015;height:62px}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:14px}.mobile-bottom a:last-child{color:#f45132;font-weight:700}body{padding-bottom:62px}.footgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:30px}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.wrap{padding:0 16px}.hero-layout,.split,.grid2{grid-template-columns:1fr}.hero{padding:22px 0}.hero .media{max-height:185px}.hero h1{font-size:28px}.pagehead h1{font-size:26px}.section{padding:29px 0}.sectionhead h2{font-size:21px}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.pagebody{padding-top:25px}.article h2{font-size:21px}.footgrid{gap:23px}.footbottom{flex-direction:column}.grid4{gap:12px}.tile,.paper{padding:16px}.tile h3{font-size:17px}.tile p{font-size:14px}.figure .media{max-height:165px}}@media(max-width:360px){.grid4,.grid3{grid-template-columns:1fr}.pagehead h1{font-size:24px}.hero h1{font-size:26px}}

.page-image{max-width:620px;margin:20px 0 26px}.related{padding:22px;border-radius:12px;margin:28px 0}.related .tile span{color:#c43a22}.catalog-item h3{overflow-wrap:anywhere}.header .desktop-nav{gap:12px}

/* New football & basketball edition */
.hero{padding-top:30px;padding-bottom:42px}.hero-layout{align-items:center;gap:36px}.hero h1{letter-spacing:-.03em}.featurelinks{border-left:3px solid #F45132;padding-left:16px}.sectionhead{border-bottom:1px solid rgba(0,0,0,.09);padding-bottom:13px}.sectionhead h2{letter-spacing:.015em}.lineitem .number{color:#F45132}.paper{border-radius:9px}.figure{background:#fff}.tile{transition:transform .17s ease,border-color .17s ease}.tile:hover{transform:translateY(-2px);border-color:#F45132}@media(max-width:760px){.hero-layout{gap:18px}.hero{padding-top:20px}.tile:hover{transform:none}}
