/* Homepage announcement and the dedicated soccer tool overview. */
.home-soccer-announcement{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:100%;margin-bottom:26px;padding:8px 12px;border:1px solid var(--page-border);border-radius:8px;color:var(--page-text);font-size:.86rem;font-weight:600;line-height:1.4;transition:color .2s ease,border-color .2s ease,background .2s ease}
.home-soccer-new{padding:3px 7px;border-radius:4px;background:var(--page-accent);color:#fff;font-size:.63rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.home-soccer-announcement:hover{border-color:var(--page-accent);color:var(--page-accent)}
.home-soccer-announcement:focus-visible{outline:2px solid var(--page-accent);outline-offset:4px}
.home-soccer-announcement:active{background:var(--page-surface)}
.home-soccer{padding:clamp(72px,8vw,112px) 0;border-bottom:1px solid var(--page-border);background:var(--page-bg);scroll-margin-top:92px}
.home-soccer-intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,64px);align-items:center}
.home-soccer-copy .eyebrow{margin-bottom:22px;color:var(--page-accent)}
.home-soccer h2{margin:0;color:var(--page-text);font-size:clamp(2.2rem,3.5vw,3.3rem);font-weight:600;line-height:1.08;letter-spacing:-.055em;text-wrap:balance}
.home-soccer-lede{max-width:36em;margin:22px 0 0;color:var(--page-muted);font-size:1.02rem;line-height:1.65}
.home-soccer-fit{margin:18px 0 0;color:var(--page-muted);font-size:.82rem;font-weight:500;line-height:1.6}
.home-soccer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.home-soccer .sports-google{gap:10px;background:var(--page-bg);color:var(--page-text)}
.home-soccer .sports-google svg{flex:none}
.home-soccer-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px}
.home-soccer-links .text-link{min-height:36px;font-size:.85rem}
.home-soccer-media{min-width:0;margin:0}
.home-soccer-player{position:relative;overflow:hidden;border:1px solid var(--page-border);border-radius:14px;background:var(--page-navy);box-shadow:0 20px 54px rgba(28,49,70,.12)}
.home-soccer-player video{display:block;width:100%;height:auto}
.home-soccer-player video:focus-visible{outline:3px solid var(--page-accent);outline-offset:-3px}
.home-soccer-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:68px;height:68px;padding:0;border:0;border-radius:50%;background:var(--page-accent);color:#fff;box-shadow:0 8px 24px rgba(6,12,20,.24);cursor:pointer;transform:translate(-50%,-50%);transition:opacity .2s ease,filter .2s ease,visibility 0s linear 0s}
.home-soccer-play[hidden]{display:none}
.home-soccer-play svg{margin-left:4px;fill:currentColor}
.home-soccer-play:hover{filter:brightness(1.1)}
.home-soccer-play:active{filter:brightness(.95)}
.home-soccer-play:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px var(--page-accent)}
.home-soccer-player[data-state="playing"] .home-soccer-play{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}
.home-soccer-player[data-state="loading"] .home-soccer-play{cursor:progress}
.home-soccer-media figcaption{margin-top:12px;color:var(--page-muted);font-size:.76rem;line-height:1.6}
.home-soccer-media figcaption strong{color:var(--page-text);font-weight:600}
.home-soccer-media figcaption a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.home-soccer-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px clamp(32px,5vw,64px);margin:44px 0 0;padding:0;list-style:none}
.home-soccer-features li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:16px;align-items:start;min-width:0;padding-top:22px;border-top:1px solid var(--page-border)}
.home-soccer-features>li>svg{display:block;flex:none;width:26px;height:26px;color:var(--page-accent)}
.home-soccer-features h3{margin:1px 0 9px;color:var(--page-text);font-size:1.1rem;font-weight:600;line-height:1.35;letter-spacing:-.025em}
.home-soccer-features p{max-width:42em;margin:0;color:var(--page-muted);font-size:.92rem;line-height:1.6}
.home-soccer-chat-scope{display:inline-block;margin-top:9px;padding:3px 8px;border:1px solid var(--page-border);border-radius:4px;color:var(--page-muted);font-size:.72rem;font-weight:500;line-height:1.4}
.home-soccer-note{margin-top:28px;border-top:1px solid var(--page-border);color:var(--page-muted);font-size:.85rem;line-height:1.6}
.home-soccer-note summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;min-height:56px;padding:16px 0;border-radius:3px;list-style:none;cursor:pointer}
.home-soccer-note summary::-webkit-details-marker{display:none}
.home-soccer-note summary:focus-visible{outline:2px solid var(--page-accent);outline-offset:4px}
.home-soccer-note-toggle{display:inline-flex;align-items:center;gap:8px;min-height:24px;font-size:.82rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--page-border);text-underline-offset:4px;transition:color .2s ease,text-decoration-color .2s ease}
.home-soccer-note-toggle svg{flex:none;transition:transform .2s ease}
.home-soccer-note summary:hover .home-soccer-note-toggle,.home-soccer-note summary:focus-visible .home-soccer-note-toggle,.home-soccer-note summary:active .home-soccer-note-toggle{color:var(--page-accent);text-decoration-color:currentColor}
.home-soccer-note[open] .home-soccer-note-toggle svg{transform:rotate(180deg)}
.home-soccer-note p{max-width:70em;margin:0;padding:0 0 18px;font-size:.875rem;line-height:1.65}
.home-soccer-note p a{color:var(--page-accent);text-decoration:underline;text-underline-offset:3px}
.home-soccer-tool-visual img{width:auto;max-width:100%;max-height:380px;object-fit:contain}
.home-soccer-tool-links{display:grid;gap:16px;margin-top:auto}
.home-soccer-tool-links .home-soccer-more-sports{color:var(--page-muted);font-size:.8rem}
@media(max-width:991.98px){
 .home-soccer-intro{grid-template-columns:minmax(0,1fr);gap:32px}
 .home-soccer-copy{max-width:44em}
 .home-soccer-media{max-width:760px}
}
@media(max-width:767.98px){
 .home-soccer-features{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:36px}
 .home-soccer h2{max-width:14em}
 .home-soccer-play{width:60px;height:60px}
 .home-soccer-note summary{gap:6px 24px}
}
@media(max-width:575.98px){
 .home-soccer-actions .button{flex:1 1 100%;min-height:48px}
 .home-soccer-links{gap:4px 20px}
 .home-soccer-links .text-link{min-height:44px}
 .home-soccer-announcement{gap:8px;font-size:.78rem}
 .home-soccer-features li{gap:14px}
}
@media(prefers-reduced-motion:reduce){
 .home-soccer-announcement,.home-soccer-play,.home-soccer-player[data-state="playing"] .home-soccer-play,.home-soccer-note-toggle,.home-soccer-note-toggle svg{transition:none!important}
}