:root {--data-accent:#194fa3;--data-deep:#162a50;--data-soft:#eaf2ff;}

.data-utility {background:var(--data-deep);color:#fff}
.data-utility .vp-shell {display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin}
.data-utility strong,.data-utility a {flex:none;white-space:nowrap;font-size:13px}
.data-utility strong {padding-right:15px;border-right:1px solid #ffffff4d}
.data-utility a {color:#fff!important;padding:11px 9px;min-height:42px}
.data-utility a:hover,.data-utility a[aria-current="page"] {background:#ffffff24;text-decoration:underline;text-underline-offset:3px}
.data-utility a:focus-visible {outline:2px solid #fff!important;outline-offset:-3px!important}
.data-page-nav {display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0;padding:8px;border:1px solid var(--portal-line);border-radius:6px;background:#fff}
.data-page-nav[hidden] {display:none}
.data-page-nav a {display:inline-flex;align-items:center;min-height:40px;padding:6px 10px;border-radius:4px;color:var(--data-accent);font-size:13px;font-weight:700}
.data-page-nav a:hover,.data-page-nav a[aria-current="location"] {background:var(--data-soft);text-decoration:underline;text-underline-offset:3px}
[data-data-section] {scroll-margin-top:14px}
[data-data-section]:target {outline:2px solid var(--data-accent);outline-offset:2px}
.data-home-return {padding:0 0 2px;margin:10px 0 0}
.data-home-return a {display:inline-flex;min-height:40px;align-items:center;padding:8px 12px;border-radius:4px;background:var(--data-soft);color:var(--data-accent);font-size:13px;font-weight:750}
.data-doors {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}
.data-doors section {min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:13px;background:var(--data-soft);border-radius:5px}
.data-doors h2 {width:100%;margin:0 0 3px;font-size:17px}
.data-doors a {display:inline-flex;align-items:center;min-height:40px;padding:6px 9px;background:#fff;border-radius:4px;color:var(--data-accent);font-weight:700}
.data-analysis .portal-schedule {border-top:3px solid var(--data-accent)}
.data-editorial .focus-editorial {border-top:3px solid var(--data-accent)}
.data-archive .focus-standings {border-top:3px solid var(--data-accent)}
.data-table-scroll {max-width:100%;overflow:auto;padding:8px 12px 12px}
.data-box-table {min-width:510px;width:100%;border-collapse:collapse;font-size:13px}
.data-box-table :is(th,td) {padding:9px 8px;border-bottom:1px solid var(--portal-line);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.data-box-table th:first-child {text-align:left;white-space:normal;min-width:155px}
.data-box-table thead {background:var(--data-soft)}
.data-box-table a {color:var(--data-accent)}
.data-box-table time {display:block;font-weight:400;font-size:11px;color:#536177;white-space:nowrap}
.sp-compare-row.data-compared>b {background-image:linear-gradient(var(--data-accent),var(--data-accent));background-repeat:no-repeat;background-position:right bottom;background-size:var(--data-ratio,0%) 3px;padding-bottom:6px}
.sp-compare-row.data-compared>b:last-child {background-position:left bottom;opacity:.92}
@media(max-width:700px) {
    .data-utility strong {padding-right:8px}
    .data-utility a {padding-inline:7px}
    .data-page-nav {gap:4px;padding:5px;margin:8px 0}
    .data-page-nav a {padding-inline:7px;font-size:12px}
    .data-doors {gap:7px;padding:8px}
    .data-doors section {padding:8px;gap:5px}
    .data-doors a {font-size:12px}
}


.data-league-leaders {margin:0 0 12px}
.data-league-leaders ol {margin:0;padding:10px;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.data-league-leaders li a {display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:8px;background:var(--data-soft);color:var(--data-deep);border-radius:4px;font-size:13px}
.data-league-leaders b {text-align:center;color:var(--data-accent);font-size:17px}
.data-league-leaders strong {display:block;overflow-wrap:anywhere}
.data-league-leaders small {display:block}
.data-rank-value {white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:700px){.data-league-leaders ol {grid-template-columns:1fr}}
.league-spotlight .sb-league-screen .league-header{border-top:4px solid var(--data-accent);background:var(--data-soft)} .league-spotlight .data-league-leaders b{background:white;border-radius:4px;padding:4px 0}

body .sp-team-page .sp-team-hero {background:var(--data-deep)}
body .portal-player-wrap .sp-player-hero,
body .portal-player-wrap .player-hero {
    background:linear-gradient(135deg,var(--data-accent),var(--data-deep) 78%);
}
body .tw-edition-ribbon {background:var(--data-deep)}
.data-scroll-hint {display:none}
@media(max-width:560px){
    .data-scroll-hint {display:block;margin:7px 12px 0;color:var(--data-accent);font-size:12px}
}

@media(max-width:400px){
    #league-fixtures .jzt-match-row {
        display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
        grid-template-areas:"meta meta meta" "home score away";
        column-gap:6px;row-gap:6px;align-items:center
    }
    #league-fixtures .jzt-m-status-box {grid-area:meta;justify-self:start;width:36px}
    #league-fixtures .jzt-m-time {grid-area:meta;justify-self:start;margin-left:44px;display:flex;flex-direction:row;gap:5px;width:auto}
    #league-fixtures .jzt-m-team.h {grid-area:home}
    #league-fixtures .jzt-m-team.a {grid-area:away}
    #league-fixtures .jzt-m-score {grid-area:score;width:auto!important;white-space:nowrap}
    #league-fixtures .jzt-m-team-name {overflow-wrap:anywhere;line-height:1.3}
    #league-fixtures .m-links {display:none}
}