@import url('./match-replay.css');
/* Desporto: original six-screen composition; approved five-item navigation. */
.sports-surface .product-head .wordmark{width:72px}
.sports-surface .product-head .brand h1{font-size:14px;font-weight:400;letter-spacing:-.03em;border-left:1px solid var(--io-text);padding-left:11px;margin-left:2px}
.product-ready .sports-surface .product-head{min-height:58px;padding-block:5px}
.sports-surface .product-head .account-icon{position:relative;border:0;background:transparent}
.sports-surface .product-head .account-icon::before{content:'';position:absolute;width:27px;height:27px;border:1px solid var(--io-nav-active);border-radius:50%}
.sports-surface .product-head .account-icon .design-icon{width:17px;height:17px}
.sports-surface .area-scroll{padding-top:0}
.sports-surface h2{font-size:17px;line-height:1.3;letter-spacing:-.035em;font-weight:600;margin:0}
.sports-surface h3{font-size:14px;line-height:1.4;font-weight:600;margin:0}
.sports-surface svg{width:20px;height:20px;flex:none}
.sports-surface button,.sports-surface a{touch-action:manipulation}
.sports-surface button:disabled{opacity:.5;cursor:default}
.sports-surface .sports-pill,.sports-surface .sports-confirm{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--io-border);border-radius:13px;background:transparent;color:var(--io-text);font-size:14px;line-height:1.3;cursor:pointer}
.sports-surface .sports-pill[aria-pressed=true]{border-color:#dbab5a;background:#fff0d3}
.sports-surface .sports-confirm{background:linear-gradient(115deg,#f8cf85,#ecb353);border-color:#e4ac51;font-weight:600}
.sports-surface .sports-text-link,.sports-surface .sports-step-tag,.sports-surface .sports-text-button{min-height:44px;border:0;background:transparent;color:var(--io-text-secondary);padding:8px 0;font-size:12px;line-height:1.4;cursor:pointer}
.sports-surface .sports-text-link{text-decoration:underline;text-underline-offset:3px;display:block;margin:8px auto 0}
.sports-surface .sports-step-tag{white-space:nowrap;font-size:12px}
.sports-surface .sports-text-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;color:var(--io-gold-700)}
.sports-text-button svg{width:16px;height:16px}
.sports-surface .sports-notice,.sports-surface .sports-demo-note,.sports-surface .sports-step-note,.sports-surface .sports-choice-hint{font-size:11px;line-height:1.5;color:var(--io-text-secondary);margin:6px 0;overflow-wrap:anywhere}
.sports-surface .sports-demo-note{text-align:right;font-size:10px;margin:0 0 5px}
.sports-empty{padding:14px;border:1px solid var(--io-border);border-radius:13px;font-size:13px;line-height:1.5;color:var(--io-text-secondary)}
.sports-empty p{margin:0 0 6px}.sports-empty p:last-child{margin-bottom:0}
.sports-mascot{object-fit:contain;flex:none;width:75px;height:75px}
.sports-surface[data-sports-phase=club] .product-head .wordmark,.sports-surface[data-sports-phase=modalities] .product-head .wordmark,.sports-surface[data-sports-phase=complete] .product-head .wordmark{width:92px}
.sports-setup-hero{display:flex;justify-content:center;margin:5px auto 0;max-width:330px}
.sports-setup-hero img{width:100%;height:auto;display:block}
.sports-surface .sports-welcome{font-size:22px;line-height:1.4;letter-spacing:-.04em;font-weight:500;text-align:center;margin:-10px 0 17px}
.sports-welcome span{display:block;color:var(--io-text-secondary);font-size:20px}
.sports-surface .sports-club-question{font-size:18px;line-height:1.45;letter-spacing:-.03em;text-align:center;margin:0 0 17px}
.sports-surface .sports-choice-hint,.sports-surface .sports-step-note{text-align:center}
.sports-surface .sports-choice-hint{margin:12px 0}.sports-surface .sports-step-note{margin:0}
.sports-club-options,.sports-modality-options{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.sports-surface .sports-club-options .sports-pill{border-radius:99px;min-width:83px}
.sports-surface [data-sports-setup]>.sports-notice{text-align:center}
.sports-chat-line{display:grid;grid-template-columns:65px minmax(0,1fr);gap:12px;align-items:start;margin:26px 0 18px}
.sports-chat-line .sports-mascot{width:65px;height:70px}
.sports-chat-line p{font-size:18px;line-height:1.5;letter-spacing:-.035em;margin:0 0 10px;overflow-wrap:anywhere}
.sports-surface .sports-chat-line h2{font-size:20px;line-height:1.45;font-weight:500;overflow-wrap:anywhere}
.sports-chat-line .sports-saved-note{font-size:11px;color:var(--io-text-secondary);line-height:1.5;display:flex;gap:5px;align-items:start;margin:0}
.sports-saved-note svg{width:14px;height:17px;color:var(--io-gold-700)}
.sports-surface .sports-user-bubble{width:fit-content;max-width:calc(100% - 70px);margin:12px 0 14px auto;padding:17px 22px;border-radius:24px 24px 5px 24px;background:linear-gradient(115deg,#f9e0ae,#f2cb86);font-size:20px;line-height:1.4;overflow-wrap:anywhere}
.sports-modality-options{margin:18px 0 24px}
.sports-surface [data-sports-setup]>.sports-confirm{display:flex;width:100%;margin-top:15px}
.sports-complete-actions{display:grid;gap:12px;margin:24px 0}.sports-complete-actions .sports-confirm svg{margin-left:auto}
.sports-surface[data-sports-phase=complete] .sports-user-bubble{margin-top:20px}
.sports-dashboard-intro{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 10px}
.sports-dashboard-intro .sports-mascot{width:80px;height:87px}
.sports-dashboard-intro p{font-size:14px;line-height:1.5;letter-spacing:-.035em;margin:0}
.sports-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:15px;min-height:195px;background:#19221b;color:white;box-shadow:0 5px 12px #33250f1a}
.sports-hero>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}
.sports-hero::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#111a1238,transparent 30%,#111a12eb 66%)}
.sports-hero-copy{padding:12px;min-height:195px;display:flex;flex-direction:column;align-items:start}
.sports-tag{display:inline-block;padding:5px 8px;font-size:10px;line-height:1.25;color:#ffcf66;border:1px solid #f3c350;border-radius:99px}
.sports-hero .sports-match-time{font-size:11px;line-height:1.4;color:#f9cc76;margin:38px 0 4px}
.sports-surface .sports-hero h2{font-size:21px;line-height:1.25;color:white;overflow-wrap:anywhere}
.sports-hero-copy>p:not(.sports-match-time){font-size:12px;line-height:1.45;margin:4px 0 9px;color:#e2e1da}
.sports-hero-actions{display:flex;gap:10px;width:100%;margin-top:auto;padding-top:10px}
.sports-surface .sports-hero-actions>button,.sports-hero-actions>a{display:flex;flex:1;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:7px 10px;border:1px solid #f1c263;border-radius:99px;color:#141710;background:#f1bf65;font-size:12px;font-weight:600;line-height:1.3;text-decoration:none;cursor:pointer}
.sports-hero-actions>*+*{background:transparent!important;color:#f1c263!important}
.sports-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin-top:6px}
.sports-section-head .sports-text-button{font-size:11px;flex:none}
.sports-feed-filters{flex-wrap:nowrap;overflow:auto;margin:0 0 8px;padding-bottom:3px}
.sports-surface .sports-feed-filters button{font-size:11px;flex:none;min-height:44px}
.sports-news-list{display:grid;gap:7px}
.sports-news-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:start;border:1px solid var(--io-border);border-radius:13px;padding:10px;background:#fff3}
.sports-news-row>img{width:44px;height:44px;object-fit:cover;border-radius:10px;margin-top:4px}
.sports-news-row>.design-icon{width:30px;height:44px;margin-top:4px;color:var(--io-nav-active)}
.sports-news-copy{min-width:0}.sports-overline{font-size:10px;line-height:1.4;color:var(--io-gold-700);text-transform:uppercase}
.sports-surface .sports-news-copy h3{font-size:13px;line-height:1.4;letter-spacing:-.02em;font-weight:500;margin:3px 0;overflow-wrap:anywhere}
.sports-news-copy time{font-size:10px;color:var(--io-text-secondary)}
.sports-news-copy summary,.sports-sources summary{display:flex;align-items:center;min-height:44px;font-size:11px;color:var(--io-text-secondary);cursor:pointer;list-style:none}
.sports-news-copy summary::after,.sports-sources summary::after{content:'⌄';margin-left:7px}
.sports-news-copy details p{font-size:11px;line-height:1.4;margin:0 0 5px}
.sports-news-source{display:grid;place-items:center;min-height:44px;border:1px solid #e1ad58;border-radius:99px;color:var(--io-gold-700);font-size:12px;text-decoration:none}
.sports-news-actions{display:flex;gap:6px;flex-wrap:wrap}.sports-surface .sports-news-actions button{min-height:44px;border:1px solid var(--io-border);border-radius:9px;background:transparent;color:var(--io-text);font-size:12px;padding:5px 8px;cursor:pointer}
.sports-news-actions button[aria-pressed=true]{background:#fff0d3;border-color:#dbab5a}
.sports-sources{font-size:11px;color:var(--io-text-secondary)}.sports-sources p{line-height:1.5;margin:0 0 10px}
.sports-game-list{border:1px solid var(--io-border);border-radius:14px;padding:0 8px;background:#fff3}
.sports-surface .sports-game-list>button{display:grid;grid-template-columns:58px minmax(0,1fr) 13px 39px 13px minmax(0,1fr) 18px;align-items:center;gap:5px;width:100%;min-height:47px;padding:7px 0;border:0;border-top:1px solid var(--io-border);background:transparent;color:var(--io-text);font-size:10px;text-align:left;cursor:pointer}
.sports-game-list>button:first-child{border-top:0}.sports-game-list strong{text-align:center;font-size:13px;white-space:nowrap}.sports-game-list svg{width:17px;height:17px}
.sports-game-time{font-size:10px;color:var(--io-text-secondary)}.sports-game-time.is-live{color:#bb271f;font-size:9px}
.sports-team-mark{width:13px;height:15px;border:1px solid #ddd1bf;border-radius:50%;background:#232625;box-shadow:inset 0 0 0 1px #fff}
.sports-team-mark[data-color=green]{background:#0dac38}.sports-team-mark[data-color=red]{background:#e20021}.sports-team-mark[data-color=blue]{background:#2962d9}.sports-team-mark[data-color=yellow]{background:linear-gradient(90deg,#f7c921 50%,#286adf 50%)}
.sports-commercial{padding:12px 13px;margin:9px 0 4px;border-radius:14px;background:linear-gradient(110deg,#171812,#050604);color:#f7f1e2;min-height:85px}
.sports-commercial>span{font-size:9px;line-height:1.4;text-transform:uppercase}.sports-commercial>strong{display:block;margin:5px 0;color:#ffde52;font-size:17px;font-weight:600}.sports-commercial>p{margin:3px 0;font-size:11px;line-height:1.5}
.sports-club-card{border:1px solid var(--io-border);border-radius:13px;padding:10px;background:#fff3}
.sports-followed-intro{display:flex;align-items:center;gap:10px}.sports-followed-intro .sports-mascot{width:50px;height:50px}.sports-followed-intro>img:not(.sports-mascot){width:46px;height:48px;border-radius:9px;object-fit:cover}
.sports-followed-intro h3{margin:2px 0}.sports-followed-intro p,.sports-followed-row p{font-size:11px;line-height:1.5;color:var(--io-text-secondary);margin:2px 0}
.sports-club-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px}
.sports-surface .sports-club-links button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;font-size:10px;line-height:1.3;padding:5px 3px;border:1px solid var(--io-border);border-radius:8px;background:transparent;color:var(--io-text);cursor:pointer}.sports-club-links svg{width:16px;height:16px}
.sports-followed-row{display:flex;gap:9px;align-items:center;border:1px solid var(--io-border);border-radius:13px;margin-top:7px;padding:7px 9px;background:#fff3}
.sports-followed-row>img{width:36px;height:36px;border-radius:9px;object-fit:cover}.sports-followed-row>.design-icon{width:30px;height:30px;color:var(--io-nav-active)}
.sports-followed-row>div{flex:1;min-width:0}.sports-followed-row strong{font-size:12px;font-weight:500;color:var(--io-nav-active)}.sports-surface .sports-followed-row .sports-text-button{font-size:11px;color:var(--io-nav-active)}
.match-heading{position:relative;text-align:center;padding:2px 24px 0}.match-badge{font-size:9px;color:var(--io-text-secondary);letter-spacing:.035em}
.sports-surface .match-heading h2{font-size:20px;margin:8px -16px 4px;font-weight:500}.match-heading strong{font-weight:700;margin:0 6px}.match-heading p{font-size:14px;margin:0 0 12px}
.sports-surface .match-back{position:absolute;top:0;left:-10px;width:44px;height:44px;display:grid;place-items:center;transform:rotate(180deg);border:0;background:transparent;cursor:pointer;color:var(--io-text)}
.match-modes{display:flex;gap:7px}.sports-surface .match-modes button{min-height:44px;display:flex;flex:1;align-items:center;justify-content:center;gap:7px;border:1px solid var(--io-border);border-radius:99px;padding:8px;font-size:14px;color:var(--io-text);background:transparent;cursor:pointer}
.sports-surface .match-modes button[aria-pressed=true]{color:white;background:var(--io-nav-active);border-color:var(--io-nav-active)}
.sports-surface .match-sync{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;font-size:11px;background:transparent;border:1px solid var(--io-border);border-radius:99px;margin:10px auto;color:var(--io-text-secondary);padding:7px 12px;cursor:pointer}.match-sync svg{width:15px;height:15px}
.match-voice{border:1px solid var(--io-border);border-radius:18px;background:#fff4;padding:12px}
.match-voice-intro{display:flex;gap:10px;align-items:center}.match-mascot{width:68px;height:68px;object-fit:contain;flex:none}.match-voice-intro>div{flex:1;min-width:0}.sports-surface .match-voice-intro h3{font-size:15px;font-weight:500}.match-voice-intro p{font-size:12px;line-height:1.45;color:var(--io-text-secondary);margin:4px 0}
.sports-surface .match-microphone{display:grid;place-items:center;width:59px;height:59px;margin:8px auto 0;border:1px solid #daa04b;border-radius:50%;background:linear-gradient(125deg,#f8d68f,#edb859);color:white;cursor:pointer;box-shadow:0 5px 13px #c9983933}
.match-microphone .design-icon{width:30px;height:30px}.sports-surface .match-microphone-label{font-size:10px;color:var(--io-text-secondary);text-align:center;margin:4px 0 10px}
.match-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sports-surface .match-quick button{min-height:44px;border:1px solid var(--io-border);border-radius:11px;background:transparent;color:var(--io-text);font-size:11px;line-height:1.3;padding:6px;cursor:pointer}
.match-tabs{display:flex;gap:4px;border-bottom:1px solid var(--io-border);margin-top:6px}.sports-surface .match-tabs button{flex:1;min-width:0;min-height:44px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--io-text-secondary);font-size:12px;padding:8px 2px;cursor:pointer}.sports-surface .match-tabs button[aria-pressed=true]{border-bottom-color:var(--io-nav-active);color:var(--io-nav-active)}
.match-tab-content{margin-top:9px}.match-event{border:1px solid var(--io-border);border-radius:13px;padding:10px;margin-bottom:8px}.match-event>div:first-child{display:flex;gap:8px;align-items:center}.match-event p{font-size:11px;line-height:1.5;margin:4px 0}
.sports-surface .match-event h3{font-size:13px;font-weight:500}.match-event svg{width:20px;height:20px;color:var(--io-nav-active)}
.match-explanation{display:flex;gap:6px;align-items:center;margin-top:6px}.match-explanation .match-mascot{width:42px;height:42px}.match-explanation p{flex:1}.sports-surface .match-explanation button,.sports-surface .match-analysis button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;background:transparent;border:1px solid #dca34f;border-radius:99px;color:var(--io-gold-700);font-size:11px;padding:6px 9px;cursor:pointer}.match-explanation button svg,.match-analysis button svg{width:15px;height:15px;color:inherit}
.match-statistics{border:1px solid var(--io-border);border-radius:13px;padding:7px 12px;background:#fff3}.match-statistics>div{display:grid;grid-template-columns:32px 1fr 32px;gap:4px;align-items:center;text-align:center;padding:8px 0;font-size:12px}.match-statistics strong{font-size:14px;font-weight:500}
.match-stat-bar{grid-column:1/-1;width:100%;height:5px;background:#0e91bf;border-radius:99px;overflow:hidden;margin-top:3px}.match-stat-bar i{display:block;height:100%;width:54%;background:#ecbf70}.match-statistics>div:nth-child(2) i{width:57.9%}.match-statistics>div:nth-child(3) i{width:62.5%}.match-statistics>div:nth-child(4) i{width:60%}
.match-video{position:relative;border-radius:14px;overflow:hidden;margin-top:10px;background:#191917;color:white}.match-video>img{display:block;width:100%;height:180px;object-fit:cover}.match-video>span{position:absolute;top:0;left:0;right:0;padding:9px;background:#141413b3;font-size:10px;line-height:1.4}.match-video>p{font-size:10px;text-align:center;padding:8px;margin:0;line-height:1.5}
.match-video-question{display:flex;align-items:center;gap:7px;margin:8px 0}.match-video-question .match-mascot{width:47px;height:47px}.sports-surface .match-video-question button{flex:1;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px;border:1px solid #e1ad58;border-radius:99px;color:var(--io-text-secondary);background:transparent;padding:9px 12px;text-align:left;font-size:11px;line-height:1.4;cursor:pointer}.match-video-question .design-icon{width:17px;height:20px;color:var(--io-nav-active);flex:none}
.match-analysis{display:flex;align-items:center;gap:7px;margin:9px 0;padding:9px;border:1px solid var(--io-border);border-radius:13px}.match-analysis .match-mascot{width:42px;height:42px}.match-analysis>div{flex:1;min-width:0}.match-analysis p{font-size:11px;line-height:1.4;margin:4px 0}.match-analysis span{font-size:10px;color:var(--io-text-secondary)}
.match-reactions{border:1px solid var(--io-border);border-radius:13px;padding:10px;margin-top:9px}.match-reactions h3{display:flex;align-items:center;justify-content:space-between}.match-reactions h3>span{font-size:10px;font-weight:400;color:var(--io-text-secondary)}.match-reactions>div{display:flex;justify-content:space-between;gap:5px;margin:8px 0}.sports-surface .match-reactions button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;min-height:50px;background:transparent;border:1px solid var(--io-border);border-radius:10px;font-size:9px;color:var(--io-text-secondary);padding:5px;cursor:pointer}.match-reactions button span{font-size:22px;line-height:1.25}.match-reactions button[aria-pressed=true]{background:#fff0d3;border-color:#dbab5a}
.sports-surface .match-fan-meter{display:flex;justify-content:space-between;padding-bottom:9px;border-bottom:5px solid #0e91bf;position:relative;font-size:12px}.sports-surface .match-fan-meter::after{position:absolute;content:'';width:62%;height:5px;background:#ecbf70;bottom:-5px;left:0}
@media(max-width:390px){.sports-surface .sports-welcome{font-size:20px}.sports-welcome span{font-size:18px}.sports-setup-hero{max-width:280px}.sports-chat-line{grid-template-columns:54px minmax(0,1fr);gap:9px}.sports-chat-line .sports-mascot{width:54px;height:64px}.sports-chat-line p{font-size:17px}.sports-surface .sports-chat-line h2{font-size:18px}.sports-surface .sports-user-bubble{font-size:18px}.sports-hero-actions{gap:7px}.sports-surface .sports-hero-actions>button{padding-inline:6px;font-size:11px}.sports-dashboard-intro{grid-template-columns:70px minmax(0,1fr)}.sports-dashboard-intro .sports-mascot{width:70px;height:80px}.sports-dashboard-intro p{font-size:13px}.sports-surface .sports-game-list>button{grid-template-columns:48px minmax(0,1fr) 11px 32px 11px minmax(0,1fr) 15px;gap:3px;font-size:9px}.sports-game-list strong{font-size:12px}.sports-team-mark{width:11px;height:13px}.sports-news-row{gap:7px;padding:8px}.sports-surface .sports-club-links button{font-size:9px}.sports-club-links svg{width:14px}.sports-surface .match-heading h2{font-size:18px}.sports-surface .match-analysis button{font-size:10px;padding-inline:6px}}
@media(forced-colors:active){.sports-hero,.sports-commercial,.match-video{border:1px solid CanvasText;color:CanvasText;background:Canvas}.sports-hero h2,.sports-hero p,.sports-hero .sports-tag{color:CanvasText;background:Canvas}.match-stat-bar,.sports-surface .match-fan-meter{border:1px solid CanvasText}}

/* Keep article rows close to the mockup while retaining source and saved actions. */
.sports-news-row{grid-template-columns:40px minmax(0,1fr) 44px 44px;gap:7px;align-items:center}
.sports-news-row>img{width:40px;height:42px;margin:0}.sports-news-copy time{display:block}
.sports-news-more{min-width:0}.sports-news-more>summary{list-style:none;display:grid;place-items:center;width:44px;min-height:44px;border:1px solid var(--io-border);border-radius:50%;cursor:pointer}
.sports-news-more>summary::after{content:'⋯';font-size:20px;color:var(--io-text-secondary)}.sports-news-more>summary>span{display:none}
.sports-news-more[open]{grid-column:1/-1}.sports-news-more[open]>summary{display:flex;width:auto;border:0;gap:8px;border-radius:8px;font-size:12px;justify-content:flex-start}.sports-news-more[open]>summary>span{display:inline}.sports-news-more[open]>summary::after{content:'⌃';font-size:13px}
.sports-news-more p{font-size:11px;line-height:1.5;margin:0 0 7px}
.sports-filter-disclosure>summary{list-style:none;min-height:44px;display:flex;align-items:center;color:var(--io-text-secondary);font-size:11px;cursor:pointer}.sports-filter-disclosure>summary::after{content:'⌄';margin-left:7px}

/* Match screens use their own question entry, as in references 05A / 05B. */
.sports-surface[data-sports-phase=match] .product-head .brand h1{display:none}
.sports-surface[data-sports-phase=match]:not(.sports-question-open) .area-dock{display:none}
.sports-surface .match-heading h2{font-size:22px;font-weight:600}.match-heading h2 strong,.match-heading p{color:var(--io-nav-active)}
.sports-surface .match-microphone{background:var(--io-nav-active);border-color:var(--io-nav-active);box-shadow:none}
.sports-surface .match-microphone-label{color:var(--io-nav-active);font-size:12px}
.match-voice{background:#ffffffab}
.match-statistics.horizontal>div{grid-template-columns:85px 29px minmax(0,1fr) 29px;gap:6px;min-height:39px;border-top:1px solid var(--io-border);padding:7px 0;font-size:11px}
.match-statistics.horizontal>div:first-child{border-top:0}.match-statistics.horizontal>div>span:nth-child(2){grid-column:1;grid-row:1;text-align:left}.match-statistics.horizontal>div>strong:first-child{grid-column:2;grid-row:1;color:#e60022}.match-statistics.horizontal>div>strong:nth-child(3){grid-column:4;grid-row:1;color:#0062b3}.match-statistics.horizontal .match-stat-bar{grid-column:3;grid-row:1;height:5px;margin:0;background:#0062b3}.match-statistics.horizontal .match-stat-bar i{background:#e60022}
@media(max-width:390px){.sports-surface .match-heading h2{font-size:20px}.match-statistics.horizontal>div{grid-template-columns:76px 27px minmax(0,1fr) 27px;gap:5px}}

/* Sports reference proportions: shared navigation stays in layout.css. */
.product-ready .sports-surface .main-composer{min-height:44px;padding:5px 5px 5px 15px;gap:8px}
.product-ready .sports-surface .main-composer input{font-size:16px}
.product-ready .sports-surface .main-composer input::placeholder{font-size:12px}
.product-ready .sports-surface .main-composer .mic-button{height:32px;min-height:32px;font-size:11px;font-weight:400;padding-inline:11px}
.product-ready .sports-surface .main-composer .send{width:32px;height:32px}
.product-ready .sports-surface .main-composer .design-icon{width:17px;height:17px}
.product-ready .sports-surface .area-scroll .area-legal,.product-ready .sports-surface .area-dock .area-legal{font-size:9px;line-height:1.4}
.sports-surface .sports-club-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:340px;margin-inline:auto}
.sports-surface .sports-club-options .sports-pill{grid-column:span 2;min-width:0;min-height:36px;padding:7px 10px;background:var(--io-surface);border-color:transparent;box-shadow:0 4px 10px #382c1710;font-size:13px}
.sports-surface .sports-club-options .sports-pill:nth-child(4){grid-column:2/span 2}
.sports-surface .sports-club-options .sports-pill:nth-child(5){grid-column:4/span 3}
.sports-surface .sports-club-options .sports-pill[aria-pressed=true]{background:#fff0d3;border-color:#dbab5a}
.product-ready .sports-surface .sports-welcome{font-weight:600;letter-spacing:-.02em;font-size:23px;line-height:1.3}
.sports-surface .sports-welcome span{font-size:20px;font-weight:400;margin-top:4px}
.sports-surface .sports-step-tag{border:1px solid var(--io-border);border-radius:99px;min-height:32px;padding:5px 14px}
.sports-surface .sports-chat-line{grid-template-columns:60px minmax(0,1fr);gap:12px;margin:28px 0 22px}
.sports-surface .sports-chat-line p{font-size:20px;line-height:1.5;letter-spacing:-.015em}
.sports-surface .sports-chat-line .sports-saved-note{font-size:12px;line-height:1.4}
.sports-surface .sports-saved-note svg{color:var(--io-nav-active)}
.sports-surface .sports-user-bubble{width:calc(100% - 76px);max-width:none;margin:18px 0 26px auto;padding:16px 20px;border-radius:20px;background:#efe2c5;font-size:20px}
.sports-surface .sports-modality-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0;}
.sports-surface .sports-modality-options .sports-pill{border-radius:99px;padding:8px 5px;font-size:13px;min-height:38px}
.sports-surface[data-sports-phase=complete] .sports-chat-line{margin-block:34px}
.product-ready .sports-surface[data-sports-phase=complete] .sports-chat-line h2{font-size:24px;line-height:1.4;font-weight:500}
.sports-surface .sports-complete-actions{margin:34px 0;gap:14px}
.sports-surface .sports-complete-actions>button{min-height:54px;border-radius:18px;font-size:17px;font-weight:400;padding:12px 22px}
.product-ready .sports-surface .sports-dashboard-intro p{font-size:12px;line-height:1.5}
.sports-surface .sports-hero,.sports-surface .sports-hero-copy{min-height:180px}
.sports-surface .sports-hero-actions>button,.sports-surface .sports-hero-actions>a{min-height:28px;font-size:11px;font-weight:500;padding:5px 10px}
.sports-surface .sports-section-head{min-height:30px}
.sports-surface .sports-news-row{grid-template-columns:44px minmax(0,1fr) 30px 28px;padding:8px;gap:7px}
.sports-surface .sports-news-copy h3{font-size:11px;line-height:1.4}
.sports-surface .sports-news-source{min-height:28px;font-size:10px}
.sports-surface .sports-news-more>summary{width:28px;min-height:28px}
.sports-surface .sports-news-more[open]>summary{width:auto}
.sports-surface .sports-filter-disclosure>summary{min-height:28px}
.sports-surface .match-quick button{min-height:30px;border-radius:99px;font-size:10px}
.sports-surface .match-modes{padding:3px;border:1px solid var(--io-border);border-radius:99px;gap:4px}
.sports-surface .match-modes button{border:0;min-height:34px;font-size:12px;padding:6px}
.sports-surface .match-sync{min-height:28px;padding:4px 12px}
.sports-surface .match-explanation button,.sports-surface .match-analysis button{min-height:28px;font-size:10px}
.sports-surface .match-video{height:auto;min-height:205px;aspect-ratio:16/9}
.sports-surface .match-video-question>button{min-height:42px;font-size:12px}
.sports-surface .match-stat-bar{background:#0062b3}
.sports-surface .match-stat-bar i{background:#e60022}
@media(max-width:390px){
 .product-ready .sports-surface .sports-welcome{font-size:20px}.sports-surface .sports-welcome span{font-size:18px}
 .sports-surface .sports-chat-line{grid-template-columns:48px minmax(0,1fr);gap:8px}
 .sports-surface .sports-chat-line p,.sports-surface .sports-user-bubble{font-size:18px}
 .sports-surface .sports-modality-options{gap:8px}.sports-surface .sports-modality-options .sports-pill{font-size:12px}
 .sports-surface .sports-club-options{gap:8px}.sports-surface .sports-club-options .sports-pill{font-size:12px}
}
/* Center both rows independently, including longer club labels. */
.sports-surface .sports-club-options{display:flex}
.sports-surface .sports-club-options .sports-pill{flex:0 0 calc((100% - 24px)/3)}
.sports-surface .sports-club-options .sports-pill:nth-child(n+4){flex:0 1 auto;padding-inline:22px}
@media(max-width:390px){.sports-surface .sports-club-options .sports-pill{flex-basis:calc((100% - 16px)/3)}.sports-surface .sports-club-options .sports-pill:nth-child(n+4){flex-basis:auto}}

/* Original artwork supplied with the sports mockups. */
.sports-surface .sports-setup-hero{max-width:350px;margin:12px auto 8px}
.sports-surface .sports-setup-hero img{mask-image:radial-gradient(ellipse 70% 70% at center,#000 62%,transparent 100%)}
.sports-surface .sports-chat-line .sports-mascot{width:60px;height:60px}
.sports-surface[data-sports-phase=complete] .sports-user-bubble{margin-top:30px}
.sports-surface .match-back{border:1px solid var(--io-border);border-radius:50%;width:30px;height:30px;left:0}
.sports-surface .match-event>div:first-child>svg{box-sizing:content-box;padding:8px;border-radius:50%;background:#e6f1ec;color:#263f34}
.sports-surface .match-tabs button[aria-pressed=true]{color:var(--io-text);font-weight:600}
.sports-surface .match-analysis{background:var(--io-surface-soft);padding:12px}
.sports-surface .match-fan-meter{border-color:#0062b3}
.sports-surface .match-fan-meter::after{background:#e60022}
@media(max-width:390px){.sports-surface .sports-setup-hero{max-width:290px}.sports-surface .sports-chat-line .sports-mascot{width:48px;height:54px}}

/* Para ti's approved reading scale for the sports overview and preferences.
   Keep match conversations, replay and the shared question dock independent. */
.sports-surface { container: iollo-sports / inline-size; }
@container iollo-sports (max-width: 600px) {
  .product-ready .sports-surface .sports-dashboard-intro p { font-size: 15px; line-height: 1.45; letter-spacing: -.015em; }
  .sports-surface .sports-section-head { flex-wrap: wrap; margin-top: 12px; }
  .product-ready .sports-surface .sports-section-head h2,
  .product-ready .sports-surface .product-resume-slot h2 { font-size: 17px; line-height: 1.35; letter-spacing: -.02em; }
  .sports-surface .sports-hero h2 { font-size: 18px; line-height: 1.35; font-weight: 500; }
  .sports-surface .sports-hero-copy { min-height: 220px; padding: 14px; }
  .sports-surface .sports-hero-copy > p:not(.sports-match-time),
  .sports-surface .sports-followed-intro h3,
  .sports-surface .sports-followed-row strong,
  .product-ready .sports-surface .product-resume h3,
  .sports-surface .replay-card h3,
  .sports-surface .replay-card p { font-size: 15px; line-height: 1.45; }
  .sports-surface .sports-tag,
  .sports-surface .sports-match-time,
  .sports-surface .sports-overline,
  .sports-surface .sports-news-copy time,
  .sports-surface .sports-news-more p,
  .sports-surface .sports-sources,
  .sports-surface .sports-sources summary,
  .sports-surface .sports-filter-disclosure > summary,
  .sports-surface .sports-notice,
  .sports-surface .sports-demo-note,
  .sports-surface .sports-step-note,
  .sports-surface .sports-choice-hint,
  .sports-surface .sports-chat-line .sports-saved-note,
  .sports-surface .sports-followed-intro p,
  .sports-surface .sports-followed-row p,
  .product-ready .sports-surface .product-resume p,
  .sports-surface .sports-commercial > span,
  .sports-surface .sports-commercial > p { font-size: 13px; line-height: 1.45; }
  .sports-surface .sports-text-button,
  .sports-surface .sports-followed-row .sports-text-button,
  .sports-surface .sports-text-link,
  .sports-surface .sports-hero-actions > button,
  .sports-surface .sports-hero-actions > a,
  .sports-surface .sports-feed-filters button,
  .sports-surface .sports-news-source,
  .sports-surface .sports-news-actions button,
  .sports-surface .sports-club-links button,
  .sports-surface .sports-club-options .sports-pill,
  .sports-surface .sports-modality-options .sports-pill,
  .product-ready .sports-surface .product-resume .product-button,
  .sports-surface .replay-card button { font-size: 13px; line-height: 1.35; min-height: 34px; }
  .sports-surface .sports-club-links button { flex-wrap: wrap; }
  .sports-surface .sports-news-list { gap: 12px; }
  .sports-surface .sports-news-row {
    position: relative; grid-template-columns: minmax(0, 1fr) 96px;
    gap: 10px 12px; align-items: start; padding: 12px;
  }
  .sports-surface .sports-news-row > img {
    grid-column: 2; grid-row: 1 / span 2; width: 96px; height: 112px; margin: 0;
  }
  .sports-surface .sports-news-row > .design-icon { grid-column: 2; grid-row: 1; justify-self: center; }
  .sports-surface .sports-news-copy { grid-column: 1; grid-row: 1; }
  .sports-surface .sports-news-copy h3 { font-size: 15px; line-height: 1.4; margin: 5px 0; }
  .sports-surface .sports-news-source { grid-column: 1; grid-row: 2; justify-self: start; padding: 6px 12px; }
  .sports-surface .sports-news-more { grid-column: 1 / -1; grid-row: 3; }
  .sports-surface .sports-news-more:not([open]) { position: absolute; grid-area: auto; top: 15px; right: 15px; }
  .sports-surface .sports-news-more > summary { width: 30px; min-height: 30px; background: var(--io-surface); }
  .sports-surface .sports-news-more[open] > summary { width: auto; font-size: 13px; background: transparent; }
  .sports-surface .sports-game-list > button { grid-template-columns: 46px minmax(0,1fr) 13px 36px 13px minmax(0,1fr) 16px; font-size: 13px; line-height: 1.35; gap: 4px; }
  .sports-surface .sports-game-list > button > span { min-width: 0; overflow-wrap: anywhere; }
  .sports-surface .sports-game-list strong { font-size: 15px; }
  .sports-surface .sports-game-time,
  .sports-surface .sports-game-time.is-live { font-size: 12px; }
}

/* Dashboard reference 04: one match, compact editorial rows and a clear next action.
   Scoped to the overview so setup, replay, shared navigation and other areas keep their scale. */
.product-ready .sports-surface[data-sports-phase=dashboard] {
 --sports-ink:#161b19; --sports-line:#e9e1d6; --sports-gold:#edb755; --sports-blue:#00afc6;
}
.product-ready .sports-surface[data-sports-phase=dashboard] [data-sports-dashboard] {
 color:var(--sports-ink); font-family:Arial,Helvetica,sans-serif;
}
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-dashboard-intro {
 grid-template-columns:76px minmax(0,1fr); gap:12px; margin:2px 0 12px;
}
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-dashboard-intro .sports-mascot { width:76px; height:76px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-dashboard-intro p { font-size:15px; line-height:1.45; letter-spacing:-.02em; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-hero {
 min-height:0; border-radius:16px; border:1px solid #d7ae5d; background:#141d17; box-shadow:0 5px 12px #31231515;
}
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-hero>img { object-position:center 42%; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-hero::after {
 background:linear-gradient(180deg,#08110c0d 0%,#0a110e05 24%,#0d1813bd 57%,#111b16fa 100%);
}
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-hero-copy {
 padding:12px 13px; min-height:198px; gap:0;
}
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-tag {
 font-size:11px; line-height:1.2; text-transform:uppercase; padding:5px 9px; color:#ffda67; background:#101a1773;
}
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-hero-match { margin-top:auto; padding-top:27px; width:100%; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-match-time { font-size:12px; line-height:1.3; margin:0 0 5px; color:#f9d271; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-hero h2 { font-size:22px; line-height:1.2; font-weight:700; letter-spacing:-.025em; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-hero-match>p:last-child { color:#c8cdc8; font-size:13px; margin:5px 0 0; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-hero-actions { gap:12px; padding-top:12px; margin-top:0; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-hero-actions>button {
 min-height:36px; font-size:13px; line-height:1.2; font-weight:600; padding:8px 10px; border-color:#f4c560; background:linear-gradient(110deg,#f1bb58,#f5c66d);
}
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-hero-actions>button+button { flex:.8; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-section-head { min-height:34px; margin:6px 0 2px; gap:6px; flex-wrap:nowrap; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-section-head h2 { font-size:16px; line-height:1.25; font-weight:600; letter-spacing:-.025em; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-text-button { font-size:12px; min-height:32px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-feed-head { flex-wrap:wrap; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-filter-disclosure { margin-left:auto; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-filter-disclosure>summary { justify-content:flex-end; gap:5px; font-size:11px; min-height:32px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-filter-disclosure>summary::after { display:none; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-filter-disclosure>summary svg { width:14px; height:14px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-filter-disclosure[open] { flex-basis:100%; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-feed-options { border:1px solid var(--sports-line); border-radius:12px; padding:8px 12px; margin:0 0 6px; background:#fff8; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-feed-filters { flex-wrap:wrap; gap:5px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-feed-filters button { font-size:12px; min-height:32px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-sources { font-size:11px; line-height:1.4; margin:4px 0; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-list { gap:8px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-row {
 position:relative; display:grid; grid-template-columns:44px minmax(0,1fr) 60px; align-items:center; gap:8px 10px;
 padding:9px; border:1px solid var(--sports-line); border-radius:14px; background:#ffffff65; box-shadow:0 4px 12px #49391b04;
}
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-row>img,
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-row>.sports-modality-art { grid-column:1; grid-row:1; width:44px; height:44px; object-fit:cover; border-radius:11px; margin:0; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-copy { grid-column:2; grid-row:1; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-overline { font-size:10px; line-height:1.25; color:var(--sports-blue); text-transform:uppercase; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-overline.is-club { color:#b97410; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-copy h3 { font-size:14px; font-weight:400; line-height:1.3; letter-spacing:-.015em; margin:4px 0 0; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-controls { display:flex; flex-direction:column; align-items:center; gap:1px; grid-column:3; grid-row:1; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-source { display:flex; gap:3px; min-height:32px; padding:5px 9px; border-color:#dcaa56; font-size:12px; color:#99610c; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-source svg { width:13px; height:13px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-more:not([open]) { position:static; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-more>summary { min-height:24px; width:32px; border:0; background:transparent; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-controls:has(.sports-news-more[open]) { display:contents; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-controls>.sports-news-source { grid-column:3; grid-row:1; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-more[open] { grid-column:1/-1; grid-row:2; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-details { border-top:1px solid var(--sports-line); padding-top:8px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-more[open]>summary { font-size:11px; width:auto; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-more[open]>summary>span { display:inline; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-details p { font-size:11px; line-height:1.4; margin:0 0 6px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-details time { font-size:11px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-actions button { font-size:12px; min-height:32px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-more-news { display:flex; margin:2px 0 0 auto; gap:4px; min-height:28px; font-size:11px; padding-block:4px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-calendar-row { display:grid; grid-template-columns:22px minmax(0,1fr) auto; gap:9px; align-items:center; padding:10px; border:1px solid var(--sports-line); border-radius:13px; background:#ffffff65; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-calendar-row>svg { color:#9e9a90; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-calendar-row h3 { font-size:13px; font-weight:400; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-calendar-row p { font-size:11px; color:#77796f; line-height:1.35; margin:3px 0 0; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-calendar-row .sports-text-button { font-size:11px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-companion { margin:10px 0 5px; padding:13px; border-radius:15px; background:linear-gradient(115deg,#101311,#060807); box-shadow:0 5px 12px #22180f0c; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-companion>.sports-overline { color:#f6d95c; font-size:11px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-companion h2 { color:#fffdf6; font-size:17px; font-weight:600; margin:5px 0 11px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-companion-actions { display:flex; gap:8px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-companion-actions button { flex:1; min-width:0; min-height:34px; padding:6px 3px; font-size:12px; line-height:1.2; border:1px solid #f5ce45; border-radius:10px; background:transparent; color:#ffdc48; cursor:pointer; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-companion-actions button:last-child { background:#ffdb35; color:#111; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-club-card { padding:10px; border-color:var(--sports-line); border-radius:14px; background:#ffffff65; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-followed-intro>img:not(.sports-mascot) { width:44px; height:41px; object-fit:cover; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-followed-intro .sports-overline { color:#c42525; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-club-card[data-club=Sporting] .sports-overline { color:#188244; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-club-card[data-club=Porto] .sports-overline { color:#176ac1; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-followed-intro h3 { font-size:14px; font-weight:600; line-height:1.2; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-followed-intro p { font-size:12px; line-height:1.3; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-club-links { margin:9px 0 0 54px; gap:6px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-club-links button { font-size:11px; min-height:32px; flex-wrap:nowrap; font-weight:400; border-color:var(--sports-line); gap:4px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-club-links svg { width:13px; height:13px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-followed-row { padding:7px 9px; gap:9px; border-color:var(--sports-line); background:#ffffff65; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-followed-row>img { width:42px; height:39px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-modality-art { display:grid; place-items:center; width:42px; height:39px; flex:none; background:#e4f2ef; border-radius:10px; color:#07899d; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-modality-art svg { width:26px; height:26px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-followed-row strong { font-size:11px; text-transform:uppercase; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-followed-row p { font-size:12px; line-height:1.3; }
.product-ready .sports-surface[data-sports-phase=dashboard] .sports-followed-row .sports-text-button { border:1px solid var(--sports-blue); color:#009cb4; border-radius:99px; padding:5px 9px; min-height:32px; font-size:12px; white-space:nowrap; }
.product-ready .sports-surface[data-sports-phase=dashboard] .main-composer { min-height:48px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .main-composer .mic-button { min-height:34px; height:34px; font-size:12px; }
.product-ready .sports-surface[data-sports-phase=dashboard] .main-composer .send { width:34px; height:34px; }
.product-ready .sports-surface[data-sports-phase=dashboard] button:focus-visible,
.product-ready .sports-surface[data-sports-phase=dashboard] a:focus-visible,
.product-ready .sports-surface[data-sports-phase=dashboard] summary:focus-visible { outline:2px solid #00899e; outline-offset:3px; }
@container iollo-sports (max-width:360px) {
 .product-ready .sports-surface[data-sports-phase=dashboard] .sports-dashboard-intro { grid-template-columns:62px minmax(0,1fr); gap:9px; }
 .product-ready .sports-surface[data-sports-phase=dashboard] .sports-dashboard-intro .sports-mascot { width:62px; height:70px; }
 .product-ready .sports-surface[data-sports-phase=dashboard] .sports-dashboard-intro p { font-size:14px; }
 .product-ready .sports-surface[data-sports-phase=dashboard] .sports-hero h2 { font-size:20px; }
 .product-ready .sports-surface[data-sports-phase=dashboard] .sports-hero-actions { gap:7px; }
 .product-ready .sports-surface[data-sports-phase=dashboard] .sports-hero-actions>button { font-size:12px; padding-inline:6px; }
 .product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-row { grid-template-columns:40px minmax(0,1fr) 48px; gap:8px; padding:8px; }
 .product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-row>img { width:40px; height:40px; }
 .product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-copy h3 { font-size:13px; }
 .product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-source { padding:5px 7px; }
 .product-ready .sports-surface[data-sports-phase=dashboard] .sports-news-source svg { display:none; }
 .product-ready .sports-surface[data-sports-phase=dashboard] .sports-club-links { margin-left:0; }
 .product-ready .sports-surface[data-sports-phase=dashboard] .sports-calendar-row { grid-template-columns:minmax(0,1fr) auto; }
 .product-ready .sports-surface[data-sports-phase=dashboard] .sports-calendar-row>svg { display:none; }
}

.sports-today{margin:20px 0;padding-bottom:18px;border-bottom:1px solid var(--io-border)}
.sports-today h2{font-size:18px}.sports-today p{font-size:13px;line-height:1.5}
.sports-today-list{display:grid;margin:12px 0}
.sports-today-list>a{display:grid;grid-template-columns:48px 1fr 20px;gap:10px;align-items:center;min-height:64px;border-top:1px solid var(--io-border);text-decoration:none;color:inherit}
.sports-today-list strong{font-size:14px}.sports-today-list small{display:block;color:var(--io-text-secondary);font-size:12px;margin-top:4px}