/* Approved design: same-origin assets and system fonts; no external font requests. */
:root{--tf-navy:#041322;--tf-lime:#bbff56;--tf-border:#29465b}
.tools-page{margin:0;background:var(--tf-navy);color:#eaf2f7;font-family:Arial,sans-serif;line-height:1.5}
.tools-page *,.tf-header *,.site-footer *{box-sizing:border-box}
.tools-page img{max-width:100%;object-fit:cover}
.tools-page .wrap{width:min(1240px,90%);margin:auto}
.tools-page a{color:inherit}
.tools-page button{cursor:pointer}
.tools-page a,.tools-page button{min-width:44px;min-height:44px;display:inline-flex;align-items:center}
.tools-page button{font-family:inherit}
.tools-page main{min-width:0}
.tools-page main section{isolation:isolate}
.tools-page main h1,.tools-page main h2,.tools-page main h3{overflow-wrap:normal;word-break:normal;hyphens:none}
.tools-page main a,.tools-page main button{max-width:100%}
.tools-page main [style*="display: grid"]{min-width:0}
.tools-page .notice{background:#092138;color:#c7d5e0;padding:7px 5%;text-align:center;font-size:12px}
.tf-skip{position:fixed;top:-100px;left:12px;background:var(--tf-lime);color:#041322!important;padding:12px;z-index:100}
.tf-skip:focus{top:12px}
a:focus-visible,button:focus-visible{outline:3px solid #bbff56!important;outline-offset:4px!important}
.tf-header.site-header{position:relative;z-index:30;background:#061525!important;color:white!important;border-bottom:1px solid var(--tf-border);font:700 14px Arial,sans-serif;padding:0}
.tf-header-bar{width:min(1400px,94%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0;flex-wrap:wrap}
.tf-mark{font:bold 26px Arial,sans-serif;text-decoration:none;color:#fff;min-height:44px;display:flex;align-items:center;gap:5px}
.tf-mark span{color:var(--tf-lime)}
.tf-mark img{width:155px;height:auto;max-height:55px;object-fit:contain}
.tf-header .tf-primary.site-menu{position:static!important;display:flex!important;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;background:transparent!important;padding:0!important;box-shadow:none!important;width:auto!important}
.tf-primary a,.tf-primary button{font:700 13px Arial,sans-serif;min-width:44px;min-height:44px;padding:10px 5px;display:flex;align-items:center;background:none;color:#eaf2f7!important;border:0;text-decoration:none;cursor:pointer}
.tf-primary .tf-beta{padding:10px 15px;background:var(--tf-lime)!important;color:#041322!important;border-radius:5px}
.tf-dropdown[hidden]{display:none!important}
.tf-dropdown{position:absolute;top:100%;left:3%;width:94%;max-width:1400px;padding:24px;background:#071a2b;border:1px solid #426279;box-shadow:0 25px 50px #0009;border-radius:0 0 12px 12px;color:white}
.tf-nav-grid{display:grid;grid-template-columns:1fr 1.1fr .65fr;gap:24px}
.tf-nav-column h2{font:700 11px Arial,sans-serif;letter-spacing:1.2px;margin:0 0 12px;color:#bbff56}
.tf-nav-tile{display:flex!important;gap:12px;align-items:center;text-decoration:none;color:#fff!important;padding:6px;min-height:76px;border:1px solid transparent;border-radius:6px}
.tf-nav-tile:hover,.tf-nav-tile:focus-visible{background:#102e46;border-color:#557287}
.tf-nav-tile img{width:76px;height:62px;object-fit:cover;border-radius:4px;flex-shrink:0}
.tf-nav-tile strong{display:block;font-size:14px;line-height:1.3}
.tf-nav-tile small{display:block;color:#c7d5e0;font:12px/1.4 Arial,sans-serif;margin-top:4px}
.tf-nav-tools>a{display:flex!important;gap:12px;align-items:center;color:white;text-decoration:none;padding:0;overflow:hidden;min-height:96px;border:1px solid #355168;margin-bottom:12px;border-radius:6px}
.tf-nav-tools img{width:90px;height:96px;object-fit:cover;flex-shrink:0}
.tf-nav-tools strong{display:block;color:#bbff56;font:25px Impact,Arial,sans-serif}
.tf-nav-tools span,.tf-nav-tools p{font:12px/1.5 Arial,sans-serif;color:#c7d5e0}
.tf-nav-tools>a>span{padding:8px 8px 8px 0}
.tools-page [data-pick-aud]{flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important}
.tf-audience-grid>a{flex-direction:column;align-items:center!important;text-align:center;justify-content:flex-start}
.tf-audience-grid>a>span{display:flex;align-items:center;justify-content:center;width:100%}
.tf-audience-grid>a>span:first-child{min-height:3em}
.tf-audience-grid>a>span:last-child{min-height:4.5em}
.tools-page main span[style*="position: absolute"][style*="color: #9fb4c6"]{z-index:3;background:#04111fe6;padding:4px 8px;border-radius:4px;color:#c7d5e0!important}
.tf-sports{display:flex;flex-wrap:wrap;align-items:center;gap:16px;border-top:1px solid #355168;margin-top:18px;padding-top:14px}
.tf-sports strong{font-size:11px;color:#bbff56;letter-spacing:1px}
.tf-sports a{color:white;text-decoration:none;min-height:44px;display:flex;align-items:center;padding:6px 12px;border:1px solid #355168;border-radius:4px}
.tf-sports small{padding-left:5px;color:#c7d5e0}
.tf-family{padding:70px 0}
.tf-family h1{font:clamp(40px,6vw,76px)/1.05 Impact,Arial,sans-serif;max-width:900px}
.tf-family>p{max-width:700px;color:#c7d5e0;font-size:20px}
.tf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:20px;margin:32px 0}
.tf-card{background:#0b2439;border:1px solid #355168;border-radius:12px;padding:25px;color:white;text-decoration:none;display:block!important}
.tf-card h2{font:30px/1.15 Impact,Arial,sans-serif;color:#bbff56}
.tf-card p{color:#c7d5e0}
.site-footer{background:#030e19!important;color:#c7d5e0!important;padding:48px 0 20px;border-top:1px solid #355168;font:14px/1.5 Arial,sans-serif}
.site-footer .wrap{width:min(1240px,90%);margin:auto}
.site-footer .footer-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:32px}
.site-footer .footer-mark{font:32px Impact,Arial,sans-serif;color:white;text-decoration:none}
.site-footer .footer-mark span{color:#bbff56}
.site-footer .footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 20px}
.site-footer a{color:#eaf2f7!important;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.site-footer a:hover{text-decoration:underline}
.site-footer .footer-social{display:flex;gap:10px;margin-top:20px}
.site-footer .footer-social a{width:44px;height:44px;justify-content:center;border:1px solid #557287;border-radius:50%}
.site-footer .footer-social svg{width:20px;height:20px;fill:currentColor}
.site-footer .footer-social a[aria-label*="Instagram"] svg,.site-footer .footer-social a[aria-label*="X"] svg{fill:none;stroke:currentColor;stroke-width:1.8}
.site-footer .social-dot{fill:currentColor;stroke:none}
.site-footer .footer-rule{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;border-top:1px solid #29465b;padding-top:20px;font-size:12px}
.og-dialog{width:min(920px,calc(100% - 32px));height:min(780px,calc(100dvh - 32px));padding:0;border:1px solid #55748a;border-radius:12px;background:#041322;color:#fff}
.og-dialog::backdrop{background:#03101dcc}.og-dialog-shell{height:100%;display:grid;grid-template-rows:auto auto 1fr auto}.og-dialog header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#08223a}.og-dialog h2{margin:2px 0;font-size:25px}.og-dialog-label{color:#bbff56;font-size:11px}.og-dialog-close{width:44px;height:44px;background:transparent;color:white;border:1px solid #6f8ca1;border-radius:50%;font-size:29px}.og-starter{padding:12px 22px;background:#0d304b;display:flex;flex-wrap:wrap;gap:12px}.og-starter p{margin:0;flex:1}.og-copy{background:transparent;color:white;border:1px solid #7893a7;padding:8px 11px}.og-dialog iframe{width:100%;height:100%;border:0}.og-disclosure{padding:10px 18px;font-size:12px;color:#c7d5e0}
@media(max-width:700px){
 .tf-header-bar{gap:8px;padding:8px 0}.tf-header .tf-primary.site-menu{justify-content:flex-start;gap:3px 8px}.tf-primary a,.tf-primary button{font-size:12px;padding:8px 4px}.tf-dropdown{left:0;width:100%;max-height:75dvh;overflow:auto;padding:18px}.tf-nav-grid{grid-template-columns:1fr;gap:18px}.tf-nav-tile{min-height:70px}.tf-nav-tools{display:grid;grid-template-columns:1fr;gap:12px}.tf-nav-tools>a{margin:0}
 .tools-page main h2[style]{font-size:clamp(30px,9vw,44px)!important;line-height:1.1!important}
 .tools-page main div[style*="grid-template-columns"]{grid-template-columns:1fr!important}
 .tools-page main div[style*="repeat(4, minmax(0, 1fr))"]{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
 .tools-page main div[style*="repeat(4, minmax(0, 1fr))"] button{font-size:11px!important;padding:8px 3px!important}
 .tools-page main div[style*="repeat(4, minmax(0, 1fr))"] img{width:32px!important;height:32px!important}
 .tools-page main div:has(>[data-pick-aud]){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .tools-page main div[style*="min-width: 400"],.tools-page main div[style*="min-width: 300"]{min-width:0!important}
 .tools-page main div[style*="padding: 60px"],.tools-page main div[style*="padding: 70px"]{padding:42px 20px!important}
 .tools-page main [style*="width: 400px"],.tools-page main [style*="width: 460px"]{width:100%!important}
 .site-footer .footer-grid{grid-template-columns:1fr}.site-footer .footer-links{grid-template-columns:1fr 1fr}.tf-family{padding:40px 0}
}

/* W2: isolate shared chrome from inherited editorial layout rules. */
.tf-header.site-header{margin:0!important;line-height:1.3!important;text-align:left!important}
.tf-header .tf-primary.site-menu{flex-direction:row!important;text-align:left!important;margin:0!important;line-height:1.3!important}
.tf-header .tf-primary>a,.tf-header .tf-primary>button{margin:0!important;line-height:1.3!important;flex:0 0 auto!important}
.site-footer .footer-mark img{display:block;width:155px;height:auto;object-fit:contain}
.tools-page main a:has(>div>img){align-items:stretch!important}
.tools-page main a>div:has(>img){width:auto;align-self:stretch}
.tools-page main a>div>img{width:100%;object-fit:cover}
@media(max-width:700px){.tools-page main h1{font-size:clamp(30px,9.5vw,38px)!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}.tf-header .tf-primary.site-menu{width:100%!important}}

/* W3: product groups and approved concept graphics. */
.tools-page a.tf-button,.tools-page a.tf-button:hover,.tools-page a.tf-button:focus,.tools-page a.tf-button:focus-visible{color:#04111f;background:#bbff56}
.tf-product-group> .wrap{padding-top:40px}.tf-product-group> .wrap h2{font:400 clamp(30px,4vw,48px)/1.15 Impact,"Arial Narrow",sans-serif;color:#bbff56;letter-spacing:normal}
.tf-graphic-caption{display:block;padding:8px 12px;color:#c7d5e0;background:#041322;font:14px/1.4 Arial,sans-serif}
.tf-product{padding:36px 0;border-top:1px solid #315263;scroll-margin-top:24px}.tf-product-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px;align-items:center}
.tf-product h2,.tf-product h3{font:400 clamp(28px,4vw,44px)/1.15 Impact,"Arial Narrow",sans-serif;letter-spacing:normal}.tf-product p{font-size:17px;line-height:1.65;color:#c7d5e0;max-width:76ch}.tf-product figure{margin:0}.tf-product img,.tf-card>img,.tf-sub-product img{display:block;width:100%;height:auto;object-fit:contain;border-radius:10px}.tf-product figcaption{font-size:14px;color:#c7d5e0;padding-top:10px}.tf-status{color:#bbff56;font-size:15px;font-weight:700}.tf-button{display:inline-flex;min-height:44px;align-items:center;padding:10px 16px;margin-top:14px;background:#bbff56;color:#041322;border-radius:8px;text-decoration:none;font-weight:700}
.tf-group-index{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.tf-group-index a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #7893a7;border-radius:8px;color:#fff;text-decoration:none}.tf-sub-product{border-top:1px solid #55748a;margin-top:20px;padding-top:12px}.tf-soccer-symbol{width:80px;height:80px;object-fit:contain}.tf-nav-pxi{display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:12px;color:#fff;text-decoration:none;border:1px solid #55748a;border-radius:8px}.tf-nav-pxi small{color:#c7d5e0}.tf-demo-label{align-self:center;font-size:15px;color:#c7d5e0}
.cares-page .cares-hero h1{font-family:Impact,"Arial Narrow",Arial,sans-serif!important;font-weight:400!important;font-size:clamp(40px,8vw,88px)!important;line-height:1.15!important;letter-spacing:normal!important;text-shadow:none!important;overflow-wrap:normal;word-break:normal}
.cares-page .cares-closing .cares-actions{justify-content:center;align-items:center}.cares-page .cares-note{font-size:15px!important;line-height:1.65!important;color:#c7d5e0!important}
.rr-redesign main h1{font-size:clamp(34px,5.5vw,72px)!important;line-height:1.1!important;letter-spacing:normal!important;overflow-wrap:normal!important;word-break:normal!important;max-width:100%}
@media(max-width:700px){.tf-product-grid{grid-template-columns:1fr;gap:20px}.tools-page main .tf-sport-picker{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}.tf-sport-picker button{font-size:11px!important;padding:8px 3px!important}.tf-sport-picker img{width:32px!important;height:32px!important}.cares-page .cares-closing .cares-actions .button{width:min(100%,320px)}}
