/* TOTOSUN brand and left navigation layout. */
:root{--bg:#f8f9fc;--surface-2:#f7f6fb;--line:#e9e8ef;--line-2:#d9d6e3;--text:#272331;--text-2:#666170;--text-3:#797482;--sun:#6d42d8;--sun-2:#5930bd;--sun-soft:#f0eafb}
html{scroll-padding-top:84px}
.brand-utility{background:#f5f3fa;border-bottom:1px solid #edeaf3;font-size:10px;color:#827990}
.brand-utility>div{max-width:1320px;margin:auto;padding:8px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.brand-utility>div>span:first-child{font-weight:750;font-size:9px;letter-spacing:1.7px;color:#77648f}
.brand-utility>div>span:last-child{display:flex;gap:24px;align-items:center}
.brand-utility a{padding-left:23px;border-left:1px solid #ddd5e7;color:#696171}
.brand-header{background:#fff}
.brand-masthead{max-width:1320px;min-height:105px;margin:auto;padding:20px 28px;display:flex;align-items:center;gap:50px}
.brand-logo{display:flex;align-items:center;gap:18px;flex:none}
.brand-logo img{width:174px;height:46px;display:block}
.brand-logo>span{font-size:9px;letter-spacing:1.7px;line-height:1.6;color:#92899f;max-width:92px;border-left:1px solid var(--line);padding-left:18px}
.brand-search{display:flex;align-items:center;position:relative;width:360px;margin-left:auto;background:#f6f5f9;border:1px solid transparent;border-radius:12px;transition:background .2s,border-color .2s}
.brand-search:focus-within{background:#fff;border-color:#b39bdf;box-shadow:0 0 0 3px #6d42d808}
.brand-search>.i{width:18px;height:18px;margin-left:16px;color:#877998}
.brand-search input,.brand-search input:focus{background:none;border:0;outline:0;box-shadow:none;padding:13px 42px 13px 11px;width:100%;min-width:0;font-size:12px}
.brand-search input::placeholder{color:#8d8498}
.brand-search button{position:absolute;right:6px;top:6px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:#fff;color:#8564b3;cursor:pointer}
.brand-search button:hover{background:var(--sun-soft);color:var(--sun)}
.brand-account{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:700;flex:none}
.brand-login{color:#63596f;white-space:nowrap}
.brand-join{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 17px;border-radius:10px;background:#6d42d8;color:#fff;box-shadow:0 4px 10px #6d42d810;white-space:nowrap}
.brand-join:hover{color:#fff;background:#5930bd}
.brand-me{max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mobile-search{display:none}
.horizontal-nav{position:sticky;top:0;z-index:20;background:#fff;border-top:1px solid #f1eef5;border-bottom:1px solid #e6e1ed;box-shadow:0 3px 12px #24203103}
.primary-menu{max-width:1320px;margin:auto;padding:0 28px;display:flex;align-items:stretch;gap:28px;overflow-x:auto;scrollbar-width:none}
.primary-menu::-webkit-scrollbar{display:none}
.primary-menu>a{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:57px;color:#514959;font-size:14px;font-weight:750;white-space:nowrap;transition:color .2s}
.primary-menu>a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--sun);border-radius:3px 3px 0 0;transform:scaleX(0);transition:transform .2s}
.primary-menu>a:hover,.primary-menu>a[aria-current]{color:var(--sun)}
.primary-menu>a:hover::after,.primary-menu>a[aria-current]::after{transform:scaleX(1)}
.primary-menu .menu-home{padding:0 5px}
.menu-home .i{width:17px;height:17px}
.primary-menu .menu-attend{margin-left:auto;font-size:13px;color:#765497}
.menu-attend>span{font-size:9px;font-weight:750;color:#7651b4;background:#f0eafb;border-radius:5px;padding:2px 5px}
.wrap{max-width:1320px;padding:28px 28px 72px;gap:24px}
.page-home .wrap{display:block}
.page-home .main{width:100%}
.page-inner .wrap{grid-template-columns:minmax(0,1fr) 250px}
.page-inner .main{grid-column:1;padding:28px;border-radius:16px}
.page-inner .side{grid-column:2}
.page-inner .main:only-child{grid-column:1/-1}
.home-intro{display:grid;grid-template-columns:1.12fr 1fr;position:relative;min-height:354px;overflow:hidden;border:1px solid #e9e3f1;border-radius:23px;background:#fff;isolation:isolate}
.intro-copy{padding:36px 0 31px 40px;position:relative;z-index:2}
.intro-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2px;color:#8c71b2;font-weight:750}
.intro-eyebrow>span{width:6px;height:6px;display:block;border-radius:50%;background:#a184cb;box-shadow:0 0 0 4px #f2ecfc}
.home-intro h1{font-size:clamp(31px,3.1vw,42px);line-height:1.35;font-weight:650;letter-spacing:-1.8px;text-wrap:initial;margin:17px 0 13px;color:#302735}
.home-intro h1 strong{font-weight:850;color:#7141c8}
.intro-copy>p{font-size:13px;line-height:1.85;color:#887a91;margin:0}
.intro-actions{display:flex;align-items:center;gap:22px;margin-top:23px}
.intro-primary{display:inline-flex;align-items:center;gap:18px;background:#6d42d8;border:1px solid #6d42d8;border-radius:9px;padding:11px 16px;color:#fff;font-size:12px;font-weight:700;box-shadow:0 5px 12px #6d42d81a;transition:background .2s,transform .2s}
.intro-primary:hover{color:#fff;background:#5930bd;transform:translateY(-1px)}
.intro-secondary{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:650;color:#7f6c8a}
.intro-topics{display:flex;align-items:center;gap:11px;font-size:10px;color:#94879c;margin-top:24px}
.intro-topics>i{width:2px;height:2px;background:#b7a9c2;border-radius:50%;margin:0 2px}
.intro-scene{position:relative;min-width:0;background:radial-gradient(ellipse at 58% 46%,#e9dff9 0%,#f8f4fc 50%,#fff 74%);isolation:isolate}
.scene-disc{position:absolute;width:267px;height:267px;border-radius:50%;background:linear-gradient(145deg,#ebe3f9,#dfd0f4);top:15px;left:calc(50% - 125px);z-index:-2}
.scene-ring{position:absolute;width:315px;height:315px;left:calc(50% - 149px);top:-9px;border:1px solid #c9b8e63b;border-radius:50%;z-index:-2}
.scene-ring::after{content:'';position:absolute;inset:-28px;border:1px solid #d2c1e822;border-radius:50%}
.scene-court{position:absolute;left:14%;top:149px;width:72%;height:173px;border:1px solid #fff;border-radius:18px;background:linear-gradient(120deg,#c5b0e7,#9777cb);transform:perspective(600px) rotateX(53deg) rotateZ(-20deg);box-shadow:4px 12px 0 #b69bd9,14px 33px 26px #5e348621;overflow:hidden}
.court-lines{position:absolute;inset:16px;border:1px solid #ffffff8c;border-radius:6px}
.court-lines::before{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #ffffff8c}
.court-lines::after{content:'';position:absolute;width:65px;height:65px;border:1px solid #ffffff8c;border-radius:50%;top:calc(50% - 32.5px);left:calc(50% - 32.5px)}
.court-lines>span{position:absolute;width:30px;height:80px;border:1px solid #ffffff8c;left:-1px;top:calc(50% - 40px)}
.court-label{position:absolute;bottom:20px;right:28px;font-size:9px;font-weight:700;letter-spacing:2px;color:#fff9}
.scene-ball{position:absolute;left:calc(50% - 78px);top:19px;width:211px;height:211px;transform:rotate(-17deg);filter:drop-shadow(12px 23px 10px #64428b20)}
.scene-label{position:absolute;left:4%;top:183px;display:flex;align-items:center;gap:11px;padding:14px 16px;background:#ffffffef;border:1px solid #fff;border-radius:13px;box-shadow:0 10px 25px #4b2a7810;transform:rotate(-6deg)}
.scene-label>span{width:33px;height:33px;border-radius:10px;background:#f2eafa;display:grid;place-items:center;color:#9771c5}
.scene-label>div{display:flex;flex-direction:column;gap:3px}
.scene-label small{font-size:7px;font-weight:800;letter-spacing:1.7px;color:#a792be}
.scene-label b{font-size:12px;color:#684583;font-weight:750}
.scene-label>.i{color:#ae93c8;width:13px;margin-left:8px}
.scene-community{position:absolute;right:8%;top:65px;background:#fffdfd;border:1px solid #fff;border-radius:10px;display:flex;align-items:center;gap:7px;padding:10px 12px;color:#8a709f;font-size:9px;box-shadow:0 7px 25px #4c307709;transform:rotate(7deg)}
.scene-community>.i{color:#ac8bcd;width:15px;height:15px}
.scene-community>i{width:5px;height:5px;border-radius:50%;background:#a6bc93;margin-left:3px}
.scene-spark{position:absolute;font-size:30px;color:#ae90d7;z-index:-1}
.spark-a{top:65px;left:12%}.spark-b{right:6%;top:249px;font-size:19px}
.scene-word{position:absolute;bottom:6px;left:19%;font:italic 800 57px/1 var(--display);letter-spacing:8px;color:#9575bd09;z-index:-1}
.notice-bar{margin:14px 0 32px;padding:13px 17px;border-radius:10px;background:#fff;box-shadow:0 3px 10px #29203102;font-size:12px}
.notice-label{font-size:11px;background:#f1ecfb;padding:3px 8px;border-radius:5px}
.notice-label .i{display:none}
.notice-t{font-weight:550}
.notice-more{padding:4px;color:#b4a3c9}
.partners-section{background:#fff;padding:24px;border:1px solid #ebe6f1;border-radius:17px;margin-bottom:28px;scroll-margin-top:0}
.partners-heading{margin-bottom:19px;gap:11px;padding:0}
.partners-heading-icon{width:40px;height:40px;border:0;border-radius:12px;background:#f2ecfc;color:#9270c3;font-size:23px}
.partners-eyebrow{font-size:8px;letter-spacing:1.8px;color:#9176ad;font-weight:700}
.partners-heading h2{font-size:20px;letter-spacing:-.7px}
.partners-heading h2 strong{color:#6d42d8}
.partners-grid{gap:12px}
.partner-card{border-radius:8px;border-color:#eae7f0;transition:box-shadow .2s,transform .2s}
.partner-card:hover{transform:translateY(-2px);box-shadow:0 7px 16px #30204112}
.partner-link:hover .partner-art{filter:none}
.service-section{margin:0 0 38px}
.service-section>.section-heading{margin-bottom:15px}
.section-heading h2{font-size:18px;letter-spacing:-.6px}
.section-heading h2>.i{display:none}
.service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid #e9e4f0;border-radius:15px;background:#fff;padding:18px 0}
.service-banner{position:relative;min-height:115px;align-items:center;text-align:center;padding:56px 6px 8px;gap:6px;border:0;border-right:1px solid #efebf5;background:none;border-radius:0;box-shadow:none;color:#493756;overflow:visible;isolation:auto}
.service-banner:last-child{border-right:0}
.service-banner:hover{background:none;border-color:#efebf5;box-shadow:none;color:#6d42d8;transform:none}
.service-banner::after,.service-eyebrow,.service-arrow{display:none}
.service-banner strong{font-size:14px;font-weight:750;letter-spacing:-.5px}
.service-guide strong{font-size:13px}
.service-description{font-size:10px;line-height:1.5;color:#8b7e98;letter-spacing:-.3px}
.service-art{position:absolute;left:calc(50% - 23px);right:auto;top:0;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#f2edfa;color:#9169c6;transform:none;transition:background .2s,transform .2s}
.service-art .i{width:24px;height:24px;stroke-width:1.7}
.service-banner:hover .service-art{background:#e8ddf8;transform:translateY(-3px)}
.service-scam .service-art{color:#b87a9a;background:#fbf0f6}
.service-free .service-art{color:#778ac5;background:#edf1fb}
.service-attend .service-art{color:#b2925d;background:#f9f3e9}
.service-guide .service-art{color:#6b9a8a;background:#edf7f3}
.community-divider{margin:0 0 20px;align-items:flex-end}
.community-divider .eyebrow{display:block;font-size:8px;letter-spacing:2px;color:#a18cae;margin-bottom:8px}
.community-divider h2{font-size:25px;color:#302735;font-weight:800;letter-spacing:-1px}
.community-divider>a{font-size:11px;color:#93869f;display:flex;align-items:center;gap:8px;padding-bottom:3px}
.board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bg-col{border-radius:14px;border-color:#e8e4ee;box-shadow:0 3px 12px #32223f02}
.bg-head{background:#fff;padding:20px 20px 16px;border-bottom:1px solid #f1edf6}
.bg-head h2{font-size:15px;gap:8px}
.bg-head h2 .i{color:#9b7ac6;width:17px;height:17px}
.more-inline{font-size:10px;color:#a295af}
.board-empty{padding:24px 20px;min-height:179px}
.empty-eyebrow{font-size:8px;color:#a89bb4;letter-spacing:1.4px;margin-bottom:13px}
.board-empty>strong{font-size:13px;color:#5a4b67}
.board-empty>p{font-size:11px;line-height:1.9;color:#918399;margin:9px 0 17px;max-width:34ch}
.board-empty>a{font-size:10px;font-weight:650;color:#9a79bf}
.join-ribbon{margin:28px 0;background:#f1eafa;border:1px solid #e8def4;border-radius:14px;padding:22px 26px}
.join-ribbon strong{font-size:15px;color:#65427f}
.join-ribbon small{color:#907b9d}
.ribbon-icon{width:44px;height:44px;color:#9d7bc2}
.ribbon-cta{color:#8b62b5}
.standings{border-radius:16px;margin:32px 0;padding:26px;background:#fff;box-shadow:0 4px 15px #37254502}
.standings .block-head{padding-bottom:19px}
.standings .block-title{font-size:20px}
.scores-tabs{gap:5px}
.scores-tabs button{padding:6px 15px;border-radius:7px}
.league td{padding:11px 10px}
.league th{padding:13px 10px;font-size:11px}
.site-guide{padding:35px;background:#fff;border-radius:16px}
.guide-heading h2{font-size:29px;letter-spacing:-1.2px;line-height:1.45}
.guide-heading>p{color:#8c7e96;font-size:12px;max-width:95ch}
.guide-columns{gap:34px}
.guide-number{font-size:30px;color:#d6c6e7}
.guide-columns p{color:#8a7d92}
.community-faq{margin-top:34px}
.community-faq summary{padding:19px 23px}
.community-faq details{border-color:#e9e4ef}
.foot{margin:0;border-top:1px solid #e7e1ed;background:#fff}
.foot-in{max-width:1320px;padding:35px 28px;gap:22px}
.footer-brand{gap:22px}
.footer-brand>img{width:128px;height:auto;opacity:.7}
.footer-brand>span:last-child{font-size:11px;color:#9d90a7}
.footer-links{font-size:11px;color:#897c94;align-items:center}
.foot p{font-size:10px;color:#a396ac;line-height:1.95}
.foot small{font-size:9px;color:#ad9fb7;letter-spacing:.2px}
@media(min-width:961px) and (max-width:1180px){
 .brand-logo>span{display:none}.brand-masthead{gap:28px}.brand-search{width:320px}.primary-menu{gap:21px}.primary-menu>a{font-size:13px}.menu-attend>span{display:none}
 .intro-copy{padding-left:30px}.home-intro h1{font-size:34px}.intro-actions{gap:15px}.intro-primary{padding:10px 12px;font-size:11px}.intro-secondary{font-size:10px}
 .scene-label{left:-2%}.scene-community{right:5%;font-size:8px}.service-description{font-size:9px}.service-guide strong{font-size:12px}.board-empty{padding:22px 17px}.bg-head{padding-left:17px;padding-right:17px}
}
@media(max-width:960px){
 .brand-masthead{min-height:88px;gap:24px;padding:17px 22px}.brand-logo>span{display:none}.brand-logo img{width:159px;height:42px}.brand-search{width:280px}.brand-account{gap:16px;font-size:11px}.brand-join{gap:8px;padding:11px 13px}
 .primary-menu{padding:0 22px;gap:25px}.primary-menu>a{font-size:13px;min-height:52px}.menu-attend>span{display:none}
 .wrap{padding:23px 22px 50px}.page-inner .wrap{display:flex;flex-direction:column}.page-inner .main{width:100%}.page-inner .side{width:100%}
 .home-intro{grid-template-columns:1.18fr 1fr;min-height:322px}.intro-copy{padding:30px 0 28px 28px}.home-intro h1{font-size:29px;letter-spacing:-1.3px}.intro-copy>p{font-size:11px}.intro-eyebrow{font-size:8px;letter-spacing:1.5px}.intro-actions{gap:14px;flex-wrap:wrap;margin-top:20px}.intro-primary{font-size:10px;padding:10px 12px;gap:10px}.intro-secondary{font-size:10px;gap:3px}.intro-topics{font-size:9px;gap:8px;margin-top:20px}
 .scene-ball{width:174px;height:174px;left:calc(50% - 62px);top:42px}.scene-disc{width:220px;height:220px;left:calc(50% - 110px);top:27px}.scene-ring{width:265px;height:265px;left:calc(50% - 132px);top:4px}.scene-court{left:4%;width:86%;top:145px;height:150px}.scene-label{left:0;top:190px;padding:10px;gap:7px}.scene-label b{font-size:10px}.scene-label>span{width:28px;height:28px}.scene-label>.i{display:none}.scene-community{top:48px;right:7%;font-size:7px;padding:8px}.scene-word{font-size:42px;bottom:10px}.spark-a{left:4%;top:82px}
 .partners-section{padding:21px}.partners-grid{gap:10px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 12px}.service-banner{padding-top:61px;min-height:128px;margin:10px 0}.service-banner:nth-child(3){border-right:0}.service-art{top:4px}.service-banner strong{font-size:14px}.service-guide strong{font-size:13px}.service-description{font-size:10px}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-in{padding:30px 22px;grid-template-columns:1fr}.community-divider h2{font-size:23px}
}
@media(max-width:640px){
 html{scroll-padding-top:69px}.brand-utility{display:none}.brand-masthead{min-height:78px;padding:16px;gap:10px}.brand-logo img{width:137px;height:36px}.brand-search{display:none}.brand-account{margin-left:auto;gap:13px;font-size:11px}.brand-join{padding:9px 11px;border-radius:8px;font-size:10px;gap:0}.brand-join>.i{display:none}.mobile-search{display:flex;color:#6d5f7d}.mobile-search>.i{width:18px;height:18px}.brand-me{max-width:80px;font-size:11px}
 .primary-menu{gap:25px;padding:0 16px;scroll-padding-inline:16px;scroll-snap-type:x proximity}.primary-menu>a{min-height:48px;font-size:12px;scroll-snap-align:start}.primary-menu .menu-home{padding:0}.menu-home .i{width:14px;height:14px}.primary-menu .menu-attend{font-size:12px;margin-left:0}
 .wrap{padding:16px 14px 38px}.home-intro{display:block;border-radius:18px;min-height:0;background:linear-gradient(135deg,#fff 45%,#f4eefb)}.intro-copy{padding:26px 23px 0}.intro-eyebrow{font-size:7px;letter-spacing:1.4px;gap:7px}.home-intro h1{font-size:29px;letter-spacing:-1.3px;margin:15px 0 12px;line-height:1.35}.intro-copy>p{font-size:11px;line-height:1.8}.intro-actions{gap:18px;margin-top:21px;flex-wrap:nowrap}.intro-primary{font-size:10px;padding:10px 12px;gap:10px}.intro-secondary{font-size:9px;gap:3px}.intro-topics{display:none}
 .intro-scene{height:213px;max-width:370px;margin:-2px auto 0;background:none}.scene-ball{width:158px;height:158px;top:8px;left:calc(50% - 54px)}.scene-disc{width:174px;height:174px;left:calc(50% - 78px);top:12px;background:linear-gradient(145deg,#eee5fa,#e0d1f5)}.scene-ring{width:206px;height:206px;left:calc(50% - 94px);top:-4px}.scene-ring::after{inset:-18px}.scene-court{left:14%;width:75%;height:128px;top:80px;box-shadow:4px 8px 0 #b69bd9,12px 25px 23px #5e348616}.court-label{font-size:7px;bottom:18px;right:20px}.scene-label{left:7%;top:111px;gap:7px;padding:10px 11px;border-radius:10px;transform:rotate(-6deg)}.scene-label b{font-size:10px}.scene-label small{font-size:6px}.scene-label>span{width:27px;height:27px}.scene-community{top:34px;right:5%;font-size:7px;padding:7px 8px}.scene-community>.i{width:12px;height:12px}.scene-community>i{width:4px;height:4px}.spark-a{left:14%;top:28px;font-size:21px}.spark-b{right:7%;top:159px;font-size:14px}.scene-word{font-size:37px;letter-spacing:6px;left:24%;bottom:0}
 .notice-bar{margin:12px 0 23px;padding:10px 11px;gap:8px;font-size:10px;border-radius:9px}.notice-label{font-size:9px;padding:2px 5px}.notice-more{padding:0}
 .partners-section{padding:16px 12px 12px;margin-bottom:25px;border-radius:14px;scroll-margin-top:0}.partners-heading{gap:9px;margin-bottom:15px;padding-left:3px}.partners-heading-icon{width:35px;height:35px;border-radius:10px;font-size:20px}.partners-heading h2{font-size:18px}.partners-eyebrow{font-size:7px;letter-spacing:1.6px}.partners-grid{gap:8px}.partner-card{border-radius:6px}
 .service-section{margin-bottom:29px}.service-section>.section-heading{margin-bottom:13px;padding:0 3px}.section-heading h2{font-size:17px}.section-heading>span{font-size:9px}.service-grid{padding:6px 0;border-radius:14px}.service-banner{padding:53px 4px 7px;min-height:105px;gap:5px;margin:8px 0}.service-art{width:38px;height:38px;left:calc(50% - 19px);top:3px;border-radius:12px}.service-art .i{width:21px;height:21px}.service-banner strong{font-size:12px;letter-spacing:-.5px}.service-guide strong{font-size:10px}.service-description{display:none}
 .community-divider{margin-bottom:15px;padding:0 3px;gap:8px}.community-divider .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:6px}.community-divider h2{font-size:21px;letter-spacing:-.8px}.community-divider>a{font-size:9px;gap:3px;white-space:nowrap}.board-grid{grid-template-columns:1fr;gap:13px}.bg-head{padding:18px 18px 15px}.board-empty{padding:20px 18px;min-height:157px}.board-empty>p{max-width:none;font-size:11px}.bg-head h2{font-size:15px}.bg-col{border-radius:13px}
 .join-ribbon{padding:18px 16px;margin:24px 0;gap:10px;flex-wrap:wrap}.join-ribbon strong{font-size:12px}.join-ribbon small{font-size:9px}.ribbon-icon{width:35px;height:35px;font-size:17px}.ribbon-cta{font-size:9px;margin-left:auto}
 .standings{padding:21px 15px;margin:26px 0;border-radius:14px}.standings .block-title{font-size:18px}.standings .block-head{gap:14px;padding-bottom:15px}.scores-tabs button{font-size:10px;padding:5px 10px}.league td,.league th{padding:10px 4px}.league th{font-size:10px}.league td{font-size:11px}
 .site-guide{padding:26px 20px;border-radius:14px}.guide-heading h2{font-size:24px;letter-spacing:-.9px}.guide-heading>p{font-size:11px}.guide-columns{gap:27px}.guide-columns p{font-size:11px}.guide-number{font-size:25px}.community-faq{margin-top:28px}.community-faq summary{padding:17px 15px;font-size:11px}.community-faq details>p{font-size:11px;padding:0 15px 17px}
 .page-inner .main{padding:20px 16px;border-radius:14px}.footer-brand{align-items:flex-start;flex-direction:column;gap:13px}.footer-brand>img{width:119px}.footer-brand>span:last-child{font-size:10px}.foot-in{padding:29px 20px;gap:21px}.footer-links{font-size:10px;gap:15px}.foot p{font-size:9px}
}
@media(max-width:640px){.brand-account:has(.brand-me) .brand-join{display:none}}
@media(max-width:370px){.brand-logo img{width:124px;height:auto}.brand-account{gap:10px}.brand-login{font-size:10px}.home-intro h1{font-size:26px}.intro-copy{padding:25px 19px 0}.intro-actions{gap:11px}.intro-primary{padding:10px;font-size:9px;gap:7px}.intro-secondary{font-size:9px}.partners-heading h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.primary-menu>a::after,.intro-primary,.partner-card,.service-art{transition:none}.intro-primary:hover,.partner-card:hover,.service-banner:hover .service-art{transform:none}}

/* Docked shell: the navigation, header and page share one continuous frame. */
:root{--rail-width:240px;--shell-header:76px}
html{scroll-padding-top:100px}
.site-shell{padding-left:var(--rail-width);background:#f6f7fb}
.site-shell .brand-header{position:sticky;top:0;z-index:30;border-bottom:1px solid #e9e5ef;background:#fff}
.site-shell .brand-masthead{max-width:none;height:var(--shell-header);min-height:var(--shell-header);padding:0 32px;gap:28px}
.site-shell .brand-logo{display:none}
.workspace-location{display:flex;align-items:center;gap:12px;min-width:0;color:#948c9e;font-size:12px}
.workspace-location>span{white-space:nowrap}
.workspace-location>.i{width:12px;height:12px;color:#bdb4c8}
.workspace-location>strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;color:#3d3348}
.site-shell .brand-search{width:340px;margin-left:auto;background:#f7f6fa;border-radius:8px}
.site-shell .brand-account{gap:20px}
.site-shell .brand-join{border-radius:7px;box-shadow:none;font-size:12px;padding:10px 15px}
.site-shell .wrap{display:block;max-width:none;margin:0;padding:28px 32px 60px}
.site-shell .main{width:100%;min-width:0}
.site-shell.page-inner .main{padding:28px;border-radius:12px}
.site-shell .foot{margin:0;border-top:1px solid #e9e5ef}
.site-shell .foot-in{max-width:none;padding:30px 32px}
.site-shell .skip{left:calc(var(--rail-width) + 16px);z-index:70}

.left-navigation{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column;width:var(--rail-width);height:100dvh;max-height:none;padding:0;overflow:hidden;background:#fff;border:0;border-right:1px solid #e7e2ed;border-radius:0;box-shadow:none}
.left-navigation-head{height:var(--shell-header);min-height:var(--shell-header);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;border-bottom:1px solid #e9e5ef;margin:0;flex:none}
.rail-brand{display:block;flex:none}
.rail-brand img{display:block;width:153px;height:auto}
.left-menu{flex:1;min-height:0;display:flex;flex-direction:column;gap:2px;padding:16px 15px 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dfd7e9 transparent}
.left-menu>a{position:relative;display:flex;align-items:center;gap:12px;flex:none;min-height:36px;padding:7px 13px;border-radius:7px;font-size:13px;font-weight:600;color:#70657b;transition:background .15s,color .15s}
.left-menu>a>.i{width:18px;height:18px;stroke-width:1.75;color:#9685a8}
.left-menu>a:hover{background:#f8f5fc;color:#6741aa}
.left-menu>a[aria-current]{background:#efe9fa;color:#6c42bc;font-weight:750}
.left-menu>a[aria-current]>.i{color:#8763c2}
.left-menu>a[aria-current]::after{content:'';position:absolute;left:-15px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:#8961c7}
.left-menu-label{display:block;flex:none;margin-top:10px;padding:0 13px 5px;color:#a89ab5;font-size:10px;font-weight:650;letter-spacing:0}
.left-menu>a>em{margin-left:auto;font-style:normal;font-size:9px;color:#9c82b4;background:#f4eefb;padding:2px 5px;border-radius:4px}
.left-member{flex:none;margin:0;padding:19px 23px 22px;border-top:1px solid #ece7f2;border-radius:0;background:#fcfaff}
.left-member>strong{display:block;font-size:12px;line-height:1.6;font-weight:700;color:#675273;overflow-wrap:anywhere}
.left-member>p{font-size:10px;line-height:1.7;color:#9a87a8;margin:5px 0 13px}
.left-member-links{display:flex;align-items:center;gap:7px;font-size:11px}
.left-member-links>a{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;padding:8px;border:1px solid #e4d9ef;border-radius:6px;color:#8b67ac;background:#fff;font-weight:650}
.left-member-links>a:first-child{background:#8661bd;border-color:#8661bd;color:#fff}
.left-menu-toggle,.left-menu-close{display:none}
.left-menu-backdrop[hidden]{display:none}

/* A restrained content hierarchy keeps the sports artwork as the focal point. */
.home-intro{grid-template-columns:1.15fr 1fr;min-height:321px;border-radius:15px;background:#fff;border-color:#e7e1ee}
.intro-copy{padding:34px 0 30px 33px}
.intro-eyebrow,.intro-topics{display:none}
.home-intro h1{font-size:clamp(29px,2.65vw,39px);line-height:1.36;letter-spacing:-1.6px;margin:9px 0 17px;font-weight:750;color:#34283f}
.home-intro h1 strong{font-weight:750;color:inherit}
.intro-copy>p{font-size:12px;line-height:1.85;color:#887692}
.intro-actions{margin-top:25px;gap:20px}
.intro-primary{font-size:11px;padding:11px 15px;gap:14px;border-radius:7px;box-shadow:none;background:#7650c6;border-color:#7650c6}
.intro-secondary{font-size:10px;gap:6px;color:#897297}
.scene-community{right:5%;font-size:8px}.scene-label{left:2%;padding:12px}.scene-label b{font-size:11px}
.scene-spark,.scene-word{display:none}
.notice-bar{margin:14px 0 25px;border-radius:8px;box-shadow:none}
.partners-section{border-radius:12px;padding:23px;border-color:#e7e1ee}
.partners-eyebrow,.community-divider .eyebrow,.empty-eyebrow{display:none}
.partners-heading{margin-bottom:18px}.partners-heading h2{font-size:20px}.partners-heading h2 strong{color:#7650bd}
.partners-heading-icon{width:34px;height:34px;border-radius:9px;font-size:21px}
.partners-grid{gap:11px}
.section-heading h2{font-weight:750;font-size:18px}
.service-grid{border-radius:11px;box-shadow:none}
.service-banner strong{font-size:13px}.service-guide strong{font-size:12px}.service-description{font-size:9px}
.community-divider h2{font-size:24px;font-weight:750}.community-divider{margin-bottom:18px}
.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.bg-col{border-radius:11px;box-shadow:none}.bg-head{padding:20px 21px 16px}.board-empty{min-height:155px;padding:21px}.board-empty>p{color:#8a7b93}
.site-guide,.standings{border-radius:12px;box-shadow:none}.guide-heading>.eyebrow{display:none}
@media(min-width:1440px){.board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:961px) and (max-width:1180px){
 :root{--rail-width:218px}.left-navigation-head{padding:0 22px}.rail-brand img{width:148px}.left-menu{padding:15px 12px}.left-menu>a{padding:7px 11px;font-size:12px;gap:10px}.left-menu>a[aria-current]::after{left:-12px}.left-member{padding:17px 20px}.site-shell .brand-masthead{padding:0 26px;gap:22px}.workspace-location>strong{max-width:150px}.site-shell .brand-search{width:270px}.site-shell .wrap{padding:25px 26px 48px}
 .home-intro{min-height:289px;grid-template-columns:1.16fr 1fr}.intro-copy{padding:28px 0 27px 25px}.home-intro h1{font-size:27px;letter-spacing:-1.3px}.intro-copy>p{font-size:10px}.intro-actions{gap:12px;flex-wrap:wrap;margin-top:22px}.intro-primary{padding:10px 12px;font-size:10px;gap:10px}.intro-secondary{font-size:9px}
 .scene-ball{width:176px;height:176px;top:29px;left:calc(50% - 68px)}.scene-disc{width:214px;height:214px;top:19px;left:calc(50% - 107px)}.scene-ring{width:256px;height:256px;top:-2px;left:calc(50% - 128px)}.scene-court{left:1%;width:91%;height:135px;top:137px}.scene-label{top:175px;left:-2%;padding:10px;gap:7px}.scene-label b{font-size:9px}.scene-label>span{width:27px;height:27px}.scene-label>.i{display:none}.scene-community{font-size:7px;top:40px;right:4%;padding:8px}
 .service-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:9px}.service-banner{margin:7px 0}.service-banner:nth-child(3){border-right:0}.service-banner strong{font-size:14px}.service-guide strong{font-size:12px}
}
@media(max-width:960px){
 :root{--shell-header:76px}.site-shell{padding-left:0}.site-shell .skip{left:16px}.site-shell .brand-masthead{padding:0 22px;gap:16px}.site-shell .brand-logo{display:flex}.site-shell .brand-logo>span{display:none}.workspace-location{display:none}.site-shell .brand-search{width:260px}.site-shell .brand-account{gap:14px}.site-shell .wrap{padding:23px 22px 48px}.site-shell .foot-in{padding:28px 22px}
 .left-menu-toggle{display:grid;place-items:center;flex:none;width:32px;height:34px;padding:5px;border:1px solid #e9e1f1;border-radius:7px;color:#8a6aa8;background:#fff;cursor:pointer}.left-menu-toggle>.i{width:19px;height:19px}
 .left-navigation{display:none;width:min(280px,calc(100vw - 48px));z-index:60;box-shadow:14px 0 36px #30203918}.left-menu-open{overflow:hidden}.left-menu-open .left-navigation{display:flex}.left-navigation-head{padding:0 22px}.rail-brand img{width:147px}.left-menu-close{display:grid;place-items:center;width:29px;height:29px;padding:5px;border:0;border-radius:7px;background:#f5effb;color:#977bae;cursor:pointer}.left-menu-close>.i{width:18px;height:18px}.left-menu{padding:13px 17px;gap:0}.left-menu>a{min-height:44px}.left-menu>a[aria-current]::after{left:-17px}.left-member{padding:18px 24px 22px}
 .left-menu-backdrop{position:fixed;inset:0;z-index:50;background:#21132e59;backdrop-filter:blur(2px)}
 .home-intro{grid-template-columns:1.18fr 1fr;min-height:293px}.intro-copy{padding:29px 0 28px 28px}.home-intro h1{font-size:29px;letter-spacing:-1.3px;margin-top:8px}.intro-copy>p{font-size:11px}.intro-actions{gap:14px;margin-top:22px}.intro-primary{font-size:10px;padding:10px 12px}.intro-secondary{font-size:10px;gap:3px}.scene-label{padding:10px;gap:7px}.scene-label b{font-size:10px}
}
@media(max-width:640px){
 :root{--shell-header:70px}html{scroll-padding-top:88px}.site-shell .brand-masthead{padding:0 16px;gap:10px}.site-shell .brand-logo img{width:124px;height:auto}.site-shell .brand-account{gap:10px}.site-shell .brand-login{font-size:10px}.site-shell .brand-join{padding:9px 10px;font-size:10px}.site-shell .brand-search{display:none}.left-menu-toggle{width:30px;height:33px}.site-shell .wrap{padding:16px 14px 38px}.site-shell.page-inner .main{padding:20px 16px}.site-shell .foot-in{padding:27px 20px}
 .home-intro{display:block;min-height:0;border-radius:12px;background:linear-gradient(135deg,#fff 45%,#f5f0fc)}.intro-copy{padding:24px 23px 0}.home-intro h1{font-size:28px;line-height:1.37;letter-spacing:-1.3px;margin:3px 0 14px}.intro-copy>p{font-size:11px}.intro-actions{gap:18px;flex-wrap:nowrap;margin-top:22px}.intro-primary{font-size:10px;padding:10px 12px;gap:10px}.intro-secondary{font-size:9px;gap:3px}.scene-label{padding:10px 11px}.scene-label b{font-size:10px}.scene-community{font-size:7px;right:5%}.intro-scene{margin-top:7px}
 .notice-bar{margin:12px 0 22px}.partners-section{padding:17px 12px 12px;border-radius:11px}.partners-heading{gap:9px;padding-left:3px;margin-bottom:15px}.partners-heading h2{font-size:18px}.partners-heading-icon{width:31px;height:31px;font-size:19px}.partners-grid{gap:8px}
 .board-grid{grid-template-columns:1fr;gap:13px}.community-divider h2{font-size:21px}.section-heading h2{font-size:17px}.service-banner strong{font-size:12px}.service-guide strong{font-size:10px}.bg-head{padding:18px 18px 15px}.board-empty{padding:19px 18px;min-height:142px}.standings,.site-guide{border-radius:11px}
}
@media(max-width:370px){.site-shell .brand-masthead{padding:0 12px;gap:8px}.site-shell .brand-logo img{width:112px}.left-menu-toggle{width:28px}.brand-me{max-width:70px}.site-shell .brand-account{gap:8px}.home-intro h1{font-size:25px}.intro-copy{padding:24px 19px 0}.intro-actions{gap:11px}.intro-primary{font-size:9px;padding:10px;gap:7px}.intro-secondary{font-size:9px}}
@media(prefers-reduced-motion:reduce){.left-menu>a{transition:none}}

/* Home information hub: readable reference content and direct board links. */
.page-home .home-intro{min-height:280px}
.page-home .intro-copy{padding-top:27px;padding-bottom:27px}
.page-home .home-intro h1{font-size:clamp(28px,2.55vw,37px);margin:5px 0 14px}
.page-home .intro-actions{margin-top:22px}
.page-home .intro-scene{overflow:hidden}
.page-home .scene-ball{width:186px;height:186px;top:8px}
.page-home .scene-court{top:122px;height:149px}
.page-home .scene-label{top:158px}
.home-guide-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #e9e2f2;background:#fff;border-radius:9px;margin-top:12px;padding:5px 0}
.home-guide-nav>a{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:10px 14px;border-right:1px solid #eee9f5;font-size:11px;font-weight:650;color:#826796;white-space:nowrap}
.home-guide-nav>a:last-child{border:0}
.home-guide-nav>a>.i{width:12px;height:12px;color:#b4a0c6}
.home-guide-nav>a:hover{color:#7044ba;background:#faf7fd}
.knowledge-hub{margin:32px 0;background:#fff;border:1px solid #e6e0ed;border-radius:12px;overflow:hidden}
.knowledge-section{padding:31px 33px;border-bottom:1px solid #eee8f4;scroll-margin-top:0}
.knowledge-section:last-child{border-bottom:0}
.knowledge-section h2{font-size:24px;line-height:1.45;letter-spacing:-.9px;font-weight:800;color:#3f2e4e;margin:0 0 16px;text-wrap:initial}
.knowledge-section p{font-size:13px;line-height:1.95;color:#7e6d8b;word-break:keep-all;overflow-wrap:anywhere}
.knowledge-section>p{max-width:95ch;margin:12px 0 20px}
.knowledge-section p>a{font-weight:550;color:#8860b0;text-decoration-color:#d8c6e8}
.knowledge-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:10px;color:#a48aaf}
.knowledge-meta>span{color:#9670b2;font-weight:650}
.knowledge-intro h2{font-size:28px}
.knowledge-section .knowledge-lead{font-size:14px;line-height:1.9;color:#715c80;margin-top:0}
.knowledge-lead>strong{font-weight:650;color:#704986}
.knowledge-table-wrap{margin-top:25px}
.knowledge-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.8;text-align:left}
.knowledge-table caption{text-align:left;color:#8d729f;font-size:11px;font-weight:650;padding-bottom:11px}
.knowledge-table thead{background:#f7f2fb;color:#7e5f95}
.knowledge-table th,.knowledge-table td{padding:14px 16px;border-bottom:1px solid #eee7f3;vertical-align:top}
.knowledge-table thead th{padding-top:11px;padding-bottom:11px;font-weight:700}
.knowledge-table tbody th{width:155px;color:#705780;font-size:12px;font-weight:650}
.knowledge-table td{color:#786185}
.knowledge-table td:last-child{width:170px;white-space:nowrap}
.knowledge-table a{color:#9976b5;text-decoration:underline;text-decoration-color:#e1d4ea;text-underline-offset:4px}
.knowledge-table a:hover{color:#6b43a9}
.knowledge-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:19px}
.knowledge-heading h2{margin-bottom:7px;font-size:23px}
.knowledge-heading p{margin:0;font-size:12px;color:#a18aad}
.knowledge-heading>a{display:flex;align-items:center;gap:7px;flex:none;padding-top:8px;font-size:11px;color:#9a76b1;font-weight:650}
.knowledge-heading>a>.i{width:13px;height:13px}
.knowledge-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:24px}
.knowledge-columns-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
.knowledge-columns>article{border-top:2px solid #e5d8ef;padding-top:17px;min-width:0}
.knowledge-columns h3{font-size:15px;line-height:1.5;color:#715280;font-weight:750;letter-spacing:-.4px;text-wrap:initial}
.knowledge-columns p{font-size:12px;line-height:1.95;margin:10px 0 0;color:#7d658b}
.knowledge-checklist{list-style:none;padding:0;margin:12px 0 0}
.knowledge-checklist li{position:relative;padding:8px 0 8px 19px;font-size:12px;color:#80678c;line-height:1.75}
.knowledge-checklist li::before{content:'✓';position:absolute;left:0;top:8px;color:#b290c9;font-weight:700}
.knowledge-report{background:#fdfbff}
.report-steps{list-style:none;counter-reset:report-step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 34px;margin:25px 0;padding:0}
.report-steps>li{counter-increment:report-step;position:relative;padding-left:39px;min-width:0}
.report-steps>li::before{content:counter(report-step);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:26px;height:26px;border:1px solid #e2d3ee;border-radius:8px;background:#f5effb;color:#aa83c5;font-size:12px;font-weight:700}
.report-steps strong{font-size:13px;line-height:1.6;font-weight:700;color:#7c5b8d}
.report-steps p{margin:8px 0 0;font-size:12px;color:#806a8e;line-height:1.85}
.knowledge-action{display:flex;align-items:center;gap:16px;border-top:1px solid #eee4f5;padding-top:19px;font-size:11px}
.knowledge-action>span{color:#a68cb2}
.knowledge-action>a{color:#9469ae;font-weight:650;display:flex;align-items:center;gap:6px}
.sports-reading h3{display:flex;align-items:center;gap:8px}
.sports-reading h3::before{content:'';display:block;width:6px;height:6px;background:#b290cc;border-radius:50%}
.knowledge-section .knowledge-related{font-size:11px;margin-top:24px;margin-bottom:0;background:#f9f5fc;padding:14px 17px;border-radius:7px;max-width:none;color:#826991}
.knowledge-faq h2{font-size:22px;margin-bottom:16px}
.knowledge-faq details{border-top:1px solid #eee7f4;padding:0}
.knowledge-faq summary{font-size:13px;line-height:1.7;font-weight:650;color:#81608f;padding:17px 0;cursor:pointer}
.knowledge-faq summary::marker{color:#b496c8}
.knowledge-faq details>p{font-size:12px;line-height:1.95;color:#80678c;margin:0;padding:0 17px 19px;max-width:100ch}
@media(min-width:961px) and (max-width:1180px){
 .home-guide-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
 .home-guide-nav>a:nth-child(3){border-right:0}.home-guide-nav>a:nth-child(-n+3){border-bottom:1px solid #eee9f5}
 .page-home .home-intro{min-height:268px}.page-home .home-intro h1{font-size:26px}.page-home .scene-ball{width:170px;height:170px;top:19px}.page-home .scene-court{top:128px;height:128px}.page-home .scene-label{top:172px}
 .knowledge-section{padding:27px 25px}.knowledge-heading{gap:15px}.knowledge-heading h2{font-size:21px}.knowledge-heading>a{font-size:10px}.knowledge-columns{gap:19px}.knowledge-table th,.knowledge-table td{padding:12px}.knowledge-table tbody th{width:120px}.knowledge-table td:last-child{width:145px}
}
@media(max-width:960px){
 .home-guide-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.home-guide-nav>a:nth-child(3){border-right:0}.home-guide-nav>a:nth-child(-n+3){border-bottom:1px solid #eee9f5}.home-guide-nav>a{padding:11px 16px}
 .knowledge-section{padding:27px}.knowledge-heading{flex-wrap:wrap;gap:7px}.knowledge-heading>a{padding-top:0}.knowledge-heading h2{font-size:22px}.knowledge-columns{gap:20px}.knowledge-table td:last-child{width:150px}.knowledge-table tbody th{width:120px}.knowledge-table th,.knowledge-table td{padding:12px}
}
@media(max-width:640px){
 .page-home .home-intro{min-height:0}.page-home .intro-copy{padding:24px 23px 0}.page-home .home-intro h1{font-size:27px;letter-spacing:-1.3px;margin:3px 0 14px}.page-home .intro-copy>p{font-size:11px}.page-home .intro-scene{height:180px;margin-top:6px}.page-home .scene-ball{width:137px;height:137px;top:1px}.page-home .scene-disc{width:152px;height:152px;top:1px}.page-home .scene-ring{width:182px;height:182px;top:-12px}.page-home .scene-court{height:110px;top:62px}.page-home .scene-label{top:91px}.page-home .scene-community{top:19px;font-size:7px}
 .home-guide-nav{margin-top:10px;border-radius:8px;padding:2px 0}.home-guide-nav>a{font-size:9px;padding:10px 9px;gap:3px;letter-spacing:-.2px}.home-guide-nav>a>.i{width:10px;height:10px}
 .knowledge-hub{margin:25px 0;border-radius:11px}.knowledge-section{padding:24px 19px}.knowledge-meta{font-size:9px;margin-bottom:14px;gap:12px}.knowledge-intro h2{font-size:23px}.knowledge-section h2{font-size:21px;line-height:1.45;letter-spacing:-.8px;margin-bottom:13px}.knowledge-section .knowledge-lead{font-size:12px;line-height:1.95}.knowledge-section p{font-size:12px;line-height:1.95}.knowledge-section>p{margin-bottom:17px}.knowledge-heading h2{font-size:21px;margin-bottom:7px}.knowledge-heading p{font-size:11px}.knowledge-heading>a{font-size:10px}
 .knowledge-table{font-size:11px}.knowledge-table thead th{font-size:10px}.knowledge-table th,.knowledge-table td{padding:11px 8px}.knowledge-table tbody th{width:75px;font-size:11px}.knowledge-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.knowledge-table tbody tr{display:grid;grid-template-columns:78px minmax(0,1fr);border-bottom:1px solid #eee7f3;padding:11px 0}.knowledge-table tbody th,.knowledge-table td{border:0;padding:3px 7px;width:auto}.knowledge-table td:last-child{grid-column:2;width:auto;white-space:normal;font-size:11px;padding-top:7px}.knowledge-table caption{font-size:10px;line-height:1.7}
 .knowledge-columns,.knowledge-columns-two{grid-template-columns:1fr;gap:21px;margin-top:23px}.knowledge-columns>article{padding-top:16px}.knowledge-columns h3{font-size:14px}.knowledge-columns p{font-size:12px}.knowledge-checklist li{font-size:12px}.report-steps{grid-template-columns:1fr;gap:23px;margin-top:23px}.report-steps>li{padding-left:37px}.report-steps strong{font-size:12px}.report-steps p{font-size:12px}.knowledge-action{flex-direction:column;align-items:flex-start;gap:7px;font-size:10px}.knowledge-section .knowledge-related{font-size:11px;padding:13px;margin-top:22px}
 .knowledge-faq h2{font-size:20px}.knowledge-faq summary{font-size:12px;padding:15px 0}.knowledge-faq details>p{font-size:11px;padding:0 10px 17px}
}
@media(max-width:370px){.page-home .intro-copy{padding:23px 19px 0}.page-home .home-intro h1{font-size:24px}.home-guide-nav>a{font-size:8px;padding:10px 7px}.knowledge-section{padding:23px 16px}.knowledge-section h2{font-size:20px}}