/* Match centre (page-match.php) — dark hero like the team page, white cards, data font for numbers. */
.sl-mc{background:var(--bg)}

/* hero */
.sl-mc__hero{position:relative;background:#0d0d0d;color:#fff;overflow:hidden}
.sl-mc__hero-in{position:relative;padding-top:12px;padding-bottom:18px;display:flex;flex-direction:column;gap:14px}
.sl-mc__hero-line{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent)}
.sl-mc__crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);color:rgba(255,255,255,0.6)}
.sl-mc__crumbs a{color:rgba(255,255,255,0.6)}
.sl-mc__crumbs a:hover{color:#fff}
.sl-mc__crumbs [aria-current]{color:#fff;font-weight:600}
.sl-mc__crumb-sep{display:flex;color:rgba(255,255,255,0.35)}
.sl-mc__league{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 10px;font-family:var(--font-body);font-size:var(--text-ui);color:rgba(255,255,255,0.75)}
.sl-mc__league-logo{width:22px;height:22px;background:#fff;border-radius:4px;background-size:80%;background-repeat:no-repeat;background-position:center;background-origin:content-box;padding:2px;box-sizing:border-box}
.sl-mc__league-name{color:#fff;font-weight:600}
.sl-mc__dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,0.35)}
.sl-mc__score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.sl-mc__team{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:#fff;min-width:0}
.sl-mc__team.is-home{justify-self:end}
.sl-mc__team.is-away{justify-self:start}
.sl-mc__crest{width:84px;height:84px;background:#fff;border-radius:var(--r-lg);background-size:66%;background-repeat:no-repeat;background-position:center}
.sl-mc__tname{font-family:var(--font-display);font-weight:800;font-size:clamp(18px,2.2vw,28px);line-height:1;text-transform:uppercase}
.sl-mc__tpos{font-family:var(--font-data);font-size:var(--text-xs);color:rgba(255,255,255,0.6)}
.sl-mc__centre{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:150px}
.sl-mc__result{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:clamp(44px,5vw,64px);line-height:1}
.sl-mc__result-sep{color:rgba(255,255,255,0.4);font-size:0.6em}
.sl-mc__ht{font-family:var(--font-data);font-size:var(--text-xs);color:rgba(255,255,255,0.6)}
.sl-mc__kick{font-family:var(--font-display);font-weight:800;font-size:clamp(36px,4vw,52px);line-height:1}
.sl-mc__status{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,0.1);font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase}
.sl-mc__status.is-live{background:var(--accent);color:#fff}
.sl-mc__pulse{width:8px;height:8px;border-radius:50%;background:#fff;animation:sl-mc-pulse 1.2s ease-in-out infinite}
@keyframes sl-mc-pulse{0%,100%{opacity:1}50%{opacity:0.3}}
@media (prefers-reduced-motion:reduce){.sl-mc__pulse{animation:none}}
.sl-mc__scorers{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start;font-family:var(--font-body);font-size:var(--text-sm);color:rgba(255,255,255,0.8)}
.sl-mc__scorers-col{display:flex;flex-direction:column;gap:3px}
.sl-mc__scorers-col.is-home{text-align:right}
.sl-mc__scorers-col b{font-family:var(--font-data);font-weight:600;color:#fff}
.sl-mc__scorers-ico{opacity:0.7}
.sl-mc__facts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.sl-mc__fact{display:flex;flex-direction:column;gap:3px;padding:8px 12px;border-radius:var(--r-md);background:rgba(0,0,0,0.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12);min-width:120px}
.sl-mc__fact-l{font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.55)}
.sl-mc__fact-v{font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);color:#fff}

/* tabs */
.sl-mc__tabs{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.sl-mc__tabs-in{display:flex;justify-content:center;gap:2px;overflow-x:auto}
@media (max-width:900px){.sl-mc__tabs-in{justify-content:flex-start}}
.sl-mc__tab{display:inline-flex;align-items:center;padding:14px 14px;border-bottom:3px solid transparent;margin-bottom:-1px;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:#555;white-space:nowrap;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.sl-mc__tab:hover,.sl-mc__tab.is-active{color:#111;border-color:var(--accent)}

/* body */
.sl-mc__body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding-top:24px;padding-bottom:40px}
.sl-mc__main{display:flex;flex-direction:column;gap:28px;min-width:0}
.sl-mc__side{display:flex;flex-direction:column;gap:16px;min-width:0}
.sl-mc__sec{scroll-margin-top:64px;display:flex;flex-direction:column;gap:14px}
.sl-mc__card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;display:flex;flex-direction:column;gap:10px;min-width:0}
.sl-mc__h2{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;font-family:var(--font-display);font-weight:800;font-size:24px;line-height:1;text-transform:uppercase}
.sl-mc__h2::before{content:"";width:5px;height:24px;background:var(--accent);border-radius:2px;align-self:center}
.sl-mc__h2-sub,.sl-mc__h3-sub{font-family:var(--font-data);font-weight:500;font-size:var(--text-xs);letter-spacing:0;text-transform:none;color:#6d6d6d}
.sl-mc__h3{margin:0 0 4px;display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:18px;text-transform:uppercase;line-height:1}
.sl-mc__h4{margin:10px 0 4px;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.1em;text-transform:uppercase;color:#6b6b6b}
.sl-mc__mini-crest{width:28px;height:28px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}
.sl-mc__grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sl-mc__empty{margin:0;padding:18px 20px;background:#fff;border:1px dashed var(--line);border-radius:var(--r-lg);font-family:var(--font-body);font-size:var(--text-sm);color:#666}
.sl-mc__kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-family:var(--font-body);font-size:var(--text-sm)}
.sl-mc__kv>span:first-child{color:#666}
.sl-mc__kv>span:last-child{font-family:var(--font-data);font-weight:600;text-align:right}
.sl-mc__kv.is-col{flex-direction:column;gap:6px}
.sl-mc__inj{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-family:var(--font-body)}
.sl-mc__inj em{color:#6b6b6b;font-style:normal;font-size:var(--text-xs)}
.sl-mc__forms{display:inline-flex;gap:3px}
.sl-mc__form{width:20px;height:20px;display:grid;place-items:center;border-radius:4px;font-family:var(--font-data);font-weight:700;font-size:11px;color:#fff;background:#999}
.sl-mc__form.is-w{background:#157a42}
.sl-mc__form.is-l{background:#d9342b}
.sl-mc__form.is-d{background:#757575}

/* bars */
.sl-mc__bar{display:grid;grid-template-columns:52px 1fr 52px;grid-template-areas:"l l l" "h t a";align-items:center;gap:2px 10px;padding:6px 0}
.sl-mc__bar-l{grid-area:l;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.06em;text-transform:uppercase;color:#666;text-align:center}
.sl-mc__bar-v{font-family:var(--font-data);font-weight:600;font-size:var(--text-sm)}
.sl-mc__bar-v.is-home{grid-area:h;text-align:right}
.sl-mc__bar-v.is-away{grid-area:a}
.sl-mc__bar-track{grid-area:t;display:flex;justify-content:center;gap:3px;height:10px}
.sl-mc__bar-h,.sl-mc__bar-a{height:100%;border-radius:3px;min-width:2px}
.sl-mc__bar-h{background:var(--accent);margin-left:auto}
.sl-mc__bar-a{background:#111;margin-right:auto}
.sl-mc__bar-track{position:relative}
.sl-mc__bar-track .sl-mc__bar-h{flex:0 0 auto}
.sl-mc__bar-track .sl-mc__bar-a{flex:0 0 auto}

/* prediction */
.sl-mc__cmp{display:flex;flex-direction:column}

/* timeline */
.sl-mc__timeline{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.sl-mc__ev{display:grid;grid-template-columns:44px 30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-family:var(--font-body);font-size:var(--text-sm)}
.sl-mc__ev:first-child{border-top:0}
.sl-mc__ev-min{font-family:var(--font-data);font-weight:600;color:#666}
.sl-mc__ev-ico{font-size:14px;text-align:center;font-family:var(--font-data);font-weight:700}
.sl-mc__ev.is-goal .sl-mc__ev-ico{color:var(--accent)}
.sl-mc__ev-txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.sl-mc__ev-sub{color:#555;font-weight:400}
.sl-mc__ev-detail{font-size:var(--text-xs);color:#6b6b6b}
.sl-mc__ev-team{font-family:var(--font-data);font-size:var(--text-xs);color:#6b6b6b;white-space:nowrap}
.sl-mc__ev.is-away{background:linear-gradient(90deg,transparent,rgba(0,0,0,0.02))}

/* line-ups / squads */
.sl-mc__xi,.sl-mc__squad{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.sl-mc__xi li,.sl-mc__squad li{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-family:var(--font-body);font-size:var(--text-sm)}
.sl-mc__xi li:first-child,.sl-mc__squad li:first-child{border-top:0}
.sl-mc__xi.is-subs{opacity:0.8}
.sl-mc__num{width:26px;flex-shrink:0;font-family:var(--font-data);font-weight:600;color:#6b6b6b;text-align:right}
.sl-mc__pname{flex:1;min-width:0;font-weight:600;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.sl-mc__pname:hover{color:var(--accent)}
.sl-mc__ppos,.sl-mc__page{font-family:var(--font-data);font-size:var(--text-xs);color:#6b6b6b}
.sl-mc__squad img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#eee;flex-shrink:0}

/* tables */
.sl-mc__tbl-wrap{overflow-x:auto}
.sl-mc__tbl{width:100%;border-collapse:collapse;font-family:var(--font-data);font-size:var(--text-sm)}
.sl-mc__tbl th{font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:#6b6b6b;text-align:right;padding:6px 6px;border-bottom:2px solid var(--line)}
.sl-mc__tbl th:first-child{text-align:left}
.sl-mc__tbl td{padding:7px 6px;border-top:1px solid var(--line);text-align:right;white-space:nowrap}
.sl-mc__tbl td.is-name{text-align:left;display:flex;align-items:center;gap:8px;white-space:normal;font-family:var(--font-body);font-weight:600}
.sl-mc__tbl td.is-name img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#eee}
.sl-mc__tbl td.is-name small{font-weight:400;color:#6b6b6b}
.sl-mc__tbl td.is-rating{font-weight:700;color:var(--accent)}
.sl-mc__tbl td small{color:#6b6b6b}

/* h2h */
.sl-mc__h2h-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;font-family:var(--font-body);font-size:var(--text-xs);color:#666}
.sl-mc__h2h-sum span{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:var(--r-md);background:var(--bg)}
.sl-mc__h2h-sum b{font-family:var(--font-data);font-size:22px;font-weight:600;color:#111}
.sl-mc__h2h{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.sl-mc__h2h a,.sl-mc__h2h .sl-mc__h2h-static{display:grid;grid-template-columns:82px minmax(0,1fr) minmax(0,1.2fr) 60px minmax(0,1.2fr);align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line);font-family:var(--font-body);font-size:var(--text-sm);color:#111}
.sl-mc__h2h a:hover{color:var(--accent)}
.sl-mc__h2h-date,.sl-mc__h2h-comp{font-family:var(--font-data);font-size:var(--text-xs);color:#6b6b6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-mc__h2h-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-mc__h2h-t.is-h{text-align:right}
.sl-mc__h2h-t.is-w{font-weight:700}
.sl-mc__h2h-s{font-family:var(--font-data);font-weight:700;text-align:center;background:#111;color:#fff;border-radius:4px;padding:3px 0}

/* sidebar mini table */
.sl-mc__mini-table{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.sl-mc__mini-table li{display:grid;grid-template-columns:22px 20px minmax(0,1fr) 28px 32px 32px;align-items:center;gap:6px;padding:5px 0;border-top:1px solid var(--line);font-family:var(--font-data);font-size:var(--text-xs)}
.sl-mc__mini-table li:first-child{border-top:0}
.sl-mc__mini-table li.is-hl{background:rgba(var(--accent-rgb),0.08);margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:4px}
.sl-mc__mt-pos{color:#6b6b6b}
.sl-mc__mt-logo{width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center}
.sl-mc__mt-name{font-family:var(--font-body);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-mc__mt-c{text-align:right;color:#555}
.sl-mc__mt-c.is-b{font-weight:700;color:#111}
.sl-mc__more{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--line);font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:#111}
.sl-mc__more:first-of-type{border-top:0}
.sl-mc__more:hover{color:var(--accent)}

@media (max-width:1100px){.sl-mc__body{grid-template-columns:1fr}.sl-mc__side{order:2}}
@media (max-width:767px){
	.sl-mc__grid2{grid-template-columns:1fr}
	.sl-mc__score{gap:8px}
	.sl-mc__crest{width:60px;height:60px}
	.sl-mc__centre{min-width:96px}
	.sl-mc__tab{padding:12px 10px}
	.sl-mc__ev{grid-template-columns:38px 26px minmax(0,1fr)}
	.sl-mc__ev-team{display:none}
	.sl-mc__h2h a{grid-template-columns:70px minmax(0,1fr) 52px minmax(0,1fr)}
	.sl-mc__h2h-comp{display:none}
	.sl-mc__card{padding:14px}
}

.sl-mc__h2h-mini{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.sl-mc__h2h-mini li{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:6px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-family:var(--font-body);font-size:var(--text-sm);color:#111}
.sl-mc__h2h-mini li:first-child{border-top:0}
.sl-mc__h2h-mini .sl-mc__h2h-d{grid-column:1/-1;font-family:var(--font-data);font-size:11px;color:#6b6b6b}
.sl-mc__h2h-mini .sl-mc__h2h-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-mc__h2h-mini .sl-mc__h2h-t.is-r{text-align:right}
.sl-mc__h2h-mini .sl-mc__h2h-s{text-align:center;font-family:var(--font-data);font-weight:600;background:#111;color:#fff;border-radius:4px;padding:2px 0}

.sl-mc__pav{flex-shrink:0;display:inline-block;width:26px;height:26px;margin-right:8px;border-radius:50%;background:#e8e8e5 center/cover no-repeat;vertical-align:middle}
.sl-mc__pav--init{display:inline-grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:9px;color:#666}
.sl-mc__pname.is-link{color:#111;text-decoration:none;border-bottom:1px solid rgba(17,17,17,0.25)}
.sl-mc__pname.is-link:hover{color:var(--accent);border-bottom-color:var(--accent)}
.sl-mc__inj,.sl-mc__scorers-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.sl-mc__inj li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:7px 0;border-top:1px solid var(--line);font-family:var(--font-body);font-size:var(--text-sm);color:#111}
.sl-mc__inj li:first-child,.sl-mc__scorers-list li:first-child{border-top:0}
.sl-mc__inj-t{font-family:var(--font-display);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:#6b6b6b;width:100%}
.sl-mc__inj-r{margin-left:auto;color:#6b6b6b;font-size:12px}
.sl-mc__scorers-list li{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--line);font-family:var(--font-body);font-size:var(--text-sm);color:#111}
.sl-mc__scorers-list .sl-mc__num{width:18px;font-family:var(--font-data);font-size:12px;color:#6b6b6b}
.sl-mc__scorers-list .sl-mc__pname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-mc__sc-team{margin-left:auto;font-size:11px;color:#6b6b6b;white-space:nowrap}
.sl-mc__sc-g{font-family:var(--font-data);font-weight:600;min-width:22px;text-align:right}
/* interlinking: entity links keep their text style, accent on hover */
.sl-mc a.is-tl{color:inherit;text-decoration:none}
.sl-mc a.is-tl:hover{color:var(--accent)}
.sl-mc a.sl-mc__league-name.is-tl:hover{color:#fff;text-decoration:underline}
.sl-mc__crest--init{display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:26px;color:#111;letter-spacing:0.02em}