/*
 * DolphX Sports Data — mobile-first. Uses the Le Sportif+ skin colours when
 * present, with fallbacks so every view also works with any other theme.
 * Logical properties throughout: Arabic (RTL) needs no extra rules.
 */
.dsd, .dsd-main-wrap {
	--dsd-accent: var(--blue, #1f3fbf);
	--dsd-ink-strong: var(--blue-ink, #0d1640);
	--dsd-hi: var(--lemon, #e4f04a);
	--dsd-live: var(--live, #e0352b);
	--dsd-win: var(--win, #17904a);
	--dsd-draw: var(--draw, #7a7f8f);
	--dsd-bg: var(--bg, #fff);
	--dsd-surface: var(--surface, #f3f4f8);
	--dsd-ink: var(--ink, #12162b);
	--dsd-muted: var(--muted, #5b6175);
	--dsd-line: var(--line, #e2e4ec);
	--dsd-link: var(--link, #1f3fbf);
	--dsd-ui: var(--f-ui, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	--dsd-display: var(--f-display, var(--dsd-ui));
	--dsd-r: 10px;
	font-family: var(--dsd-ui);
	color: var(--dsd-ink);
	font-size: 0.9375rem;
	line-height: 1.4;
}
.dsd *, .dsd *::before, .dsd *::after { box-sizing: border-box; }
.dsd a { color: inherit; text-decoration: none; }
.dsd img { display: block; max-width: 100%; height: auto; }
.dsd ul, .dsd ol { list-style: none; margin: 0; padding: 0; }
.dsd h1, .dsd h2, .dsd h3, .dsd p, .dsd dl, .dsd dd, .dsd table { margin: 0; padding: 0; }
.dsd h1, .dsd h2, .dsd h3 { color: inherit; font-family: var(--dsd-display); }
.dsd-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.dsd-meta { display: block; font-size: 0.8125rem; font-weight: 600; color: var(--dsd-muted); }
.dsd-logo { object-fit: contain; flex: none; }
.dsd-avatar { border-radius: 50%; object-fit: cover; background: var(--dsd-surface); flex: none; }
.dsd-ph { display: inline-block; border-radius: 50%; background: var(--dsd-surface); flex: none; }
.dsd-empty { padding: 18px 4px; color: var(--dsd-muted); font-weight: 600; }
.dsd-label { margin: 16px 0 6px; font-size: 0.875rem; font-weight: 800; color: var(--dsd-muted); }
.dsd-num, .dsd-fx__score, .dsd-table td, .dsd-mh__score, .dsd-ldr__v, .dsd-st__v { font-variant-numeric: tabular-nums lining-nums; }
:lang(ar) .dsd-label { text-transform: none; letter-spacing: 0; }

/* Section heads ------------------------------------------------------- */
.dsd-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-block-end: 10px; }
.dsd-title { font-size: 1.1875rem; font-weight: 800; line-height: 1.2; }
.dsd-title::before { content: ""; display: inline-block; width: 4px; height: 0.9em; margin-inline-end: 8px; vertical-align: -0.08em; background: var(--dsd-accent); border-radius: 2px; }
.dsd-more { flex: none; font-size: 0.8125rem; font-weight: 800; color: var(--dsd-link); white-space: nowrap; }
:dir(rtl) .dsd-more span, [dir="rtl"] .dsd-more span { display: inline-block; transform: scaleX(-1); }
.dsd-day { margin: 14px 0 6px; font-size: 0.875rem; font-weight: 800; color: var(--dsd-muted); font-family: var(--dsd-ui); }
.dsd-day:first-of-type { margin-block-start: 0; }
.dsd-head + .dsd-day { margin-block-start: 0; }
:lang(ar) .dsd-day { text-transform: none; letter-spacing: 0; font-size: 0.8125rem; }

/* Live dot ------------------------------------------------------------ */
.dsd-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--dsd-live); margin-inline-end: 5px; vertical-align: 0.1em; animation: dsd-pulse 1.4s ease-in-out infinite; }
@keyframes dsd-pulse { 50% { opacity: 0.35; } }
@media (prefers-reduced-motion: reduce) { .dsd-dot { animation: none; } }

/* Fixture rows -------------------------------------------------------- */
.dsd-fxs { display: grid; border: 1px solid var(--dsd-line); border-radius: var(--dsd-r); overflow: hidden; background: var(--dsd-bg); }
.dsd-fx { display: grid; grid-template-columns: 3.4rem 1fr auto 1fr; align-items: center; gap: 8px; min-height: 52px; padding: 8px 10px; border-block-start: 1px solid var(--dsd-line); }
.dsd-fx:first-child { border-block-start: 0; }
.dsd-fx:hover { background: var(--dsd-surface); }
.dsd-fx__time { font-size: 0.75rem; font-weight: 700; color: var(--dsd-muted); line-height: 1.15; }
.dsd-fx.is-live .dsd-fx__time { color: var(--dsd-live); }
.dsd-fx__team { display: flex; align-items: center; gap: 8px; min-width: 0; font-weight: 600; }
.dsd-fx__team--home { justify-content: flex-end; text-align: end; }
.dsd-fx__name { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.2; overflow-wrap: anywhere; }
.dsd-fx__team.is-win { font-weight: 800; }
.dsd-fx__team.is-focus .dsd-fx__name { color: var(--dsd-link); }
.dsd-fx__score { min-width: 3.4rem; padding: 4px 8px; border-radius: 6px; background: var(--dsd-surface); text-align: center; font-weight: 800; font-size: 0.9375rem; white-space: nowrap; direction: ltr; }
.dsd-fx__score i { font-style: normal; margin-inline: 3px; color: var(--dsd-muted); font-weight: 600; }
.dsd-fx.is-live .dsd-fx__score { background: var(--dsd-live); color: #fff; }
.dsd-fx.is-live .dsd-fx__score i { color: inherit; }
.dsd-fx.is-done .dsd-fx__score { background: var(--dsd-ink-strong); color: #fff; }
.dsd-fx.is-done .dsd-fx__score i { color: rgb(255 255 255 / 0.6); }
.dsd-fx.is-off .dsd-fx__time { color: var(--dsd-live); }
.dsd-fx__comp { grid-column: 2 / -1; margin-block-start: -4px; font-size: 0.6875rem; font-weight: 700; color: var(--dsd-muted); text-align: center; }
@media (max-width: 420px) {
	.dsd-fx { grid-template-columns: 2.9rem 1fr auto 1fr; gap: 6px; padding-inline: 8px; font-size: 0.875rem; }
	.dsd-fx .dsd-logo, .dsd-fx .dsd-ph { width: 20px; height: 20px; }
	.dsd-fx__score { min-width: 3rem; padding-inline: 6px; }
}

/* Score strip (outside the Le Sportif+ skin, give it a basic look) --- */
.dsd-strip { overflow: hidden; }
.dsd-strip .ls-scores__list { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
html:not([data-dphx-skin="sportif"]) .dsd-strip { background: var(--dsd-ink-strong); color: #fff; border-radius: var(--dsd-r); }
html:not([data-dphx-skin="sportif"]) .dsd-strip .ls-score { flex: 0 0 auto; min-width: 150px; display: grid; gap: 2px; padding: 10px 14px; border-inline-end: 1px solid rgb(255 255 255 / 0.14); scroll-snap-align: start; }
html:not([data-dphx-skin="sportif"]) .dsd-strip .ls-score__state { font-size: 0.6875rem; font-weight: 800; opacity: 0.75; }
html:not([data-dphx-skin="sportif"]) .dsd-strip .ls-score__row { display: flex; justify-content: space-between; gap: 10px; font-weight: 600; font-size: 0.875rem; }

/* Tabs ---------------------------------------------------------------- */
.dsd-tabs { display: inline-flex; gap: 2px; padding: 3px; margin-block-end: 10px; border-radius: 999px; background: var(--dsd-surface); }
.dsd-tabs button { appearance: none; border: 0; background: none; color: var(--dsd-muted); font: 700 0.8125rem / 1 var(--dsd-ui); padding: 9px 14px; border-radius: 999px; cursor: pointer; min-height: 36px; }
.dsd-tabs button[aria-selected="true"] { background: var(--dsd-bg); color: var(--dsd-ink); box-shadow: 0 1px 3px rgb(0 0 0 / 0.12); }

/* Tables -------------------------------------------------------------- */
.dsd-table-wrap { overflow-x: auto; border: 1px solid var(--dsd-line); border-radius: var(--dsd-r); background: var(--dsd-bg); }
.dsd-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
.dsd-table th { padding: 8px 6px; font-size: 0.75rem; font-weight: 800; color: var(--dsd-muted); background: var(--dsd-surface); text-align: center; white-space: nowrap; }
.dsd-table td { padding: 7px 6px; border-block-start: 1px solid var(--dsd-line); text-align: center; white-space: nowrap; }
.dsd-table .dsd-l { text-align: start; width: 100%; }
.dsd-table td.dsd-l { white-space: normal; }
.dsd-table td.dsd-l > img, .dsd-table td.dsd-l > .dsd-ph { display: inline-block; vertical-align: middle; margin-inline-end: 6px; }
.dsd-club { display: flex; align-items: center; gap: 8px; min-width: 0; font-weight: 700; }
.dsd-club span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsd-club:hover span { color: var(--dsd-link); }
.dsd-pts { font-weight: 800; }
.dsd-rank { display: inline-grid; place-items: center; min-width: 24px; height: 24px; border-radius: 6px; font-weight: 800; font-size: 0.8125rem; }
.dsd-rank.dsd-z-top { background: var(--dsd-win); color: #fff; }
.dsd-rank.dsd-z-mid { background: var(--dsd-accent); color: #fff; }
.dsd-rank.dsd-z-down { background: var(--dsd-live); color: #fff; }
.dsd-table tr.is-focus td { background: color-mix(in oklab, var(--dsd-hi) 30%, transparent); }
.dsd-x { display: none; }
/* Columns appear with the room the table has, not the screen width. */
.dsd { container-type: inline-size; }
@container (min-width: 520px) { .dsd-x { display: table-cell; } }
.dsd-legend { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-block-start: 10px; font-size: 0.75rem; font-weight: 600; color: var(--dsd-muted); }
.dsd-legend li { display: flex; align-items: center; gap: 6px; }
.dsd-legend i { width: 10px; height: 10px; border-radius: 3px; }
.dsd-legend .dsd-z-top { background: var(--dsd-win); }
.dsd-legend .dsd-z-mid { background: var(--dsd-accent); }
.dsd-legend .dsd-z-down { background: var(--dsd-live); }

/* Form chips ---------------------------------------------------------- */
.dsd-form { display: inline-flex; gap: 3px; direction: ltr; }
.dsd-f { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 4px; font: 800 0.6875rem / 1 var(--dsd-ui); font-style: normal; color: #fff; }
.dsd-f--w { background: var(--dsd-win); }
.dsd-f--d { background: var(--dsd-draw); }
.dsd-f--l { background: var(--dsd-live); }
.dsd-v-form .dsd-f { width: 30px; height: 30px; font-size: 0.875rem; border-radius: 6px; }

/* Leaders ------------------------------------------------------------- */
.dsd-ldr { display: grid; border: 1px solid var(--dsd-line); border-radius: var(--dsd-r); overflow: hidden; background: var(--dsd-bg); }
.dsd-ldr li { display: grid; grid-template-columns: 1.6rem 1fr auto; align-items: center; gap: 10px; padding: 8px 12px; border-block-start: 1px solid var(--dsd-line); }
.dsd-ldr li:first-child { border-block-start: 0; }
.dsd-ldr__n { font-weight: 800; color: var(--dsd-muted); text-align: center; }
.dsd-ldr li:first-child .dsd-ldr__n { color: var(--dsd-ink-strong); background: var(--dsd-hi); border-radius: 6px; }
.dsd-ldr__who { display: flex; align-items: center; gap: 10px; min-width: 0; }
.dsd-ldr__who > span { min-width: 0; }
.dsd-ldr__who b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsd-ldr__who .dsd-meta { display: flex; align-items: center; gap: 5px; }
.dsd-ldr__who:hover b { color: var(--dsd-link); }
.dsd-ldr__v { font-size: 1.25rem; font-weight: 900; font-family: var(--dsd-display); }

/* Match header -------------------------------------------------------- */
.dsd-mh { position: relative; padding: 14px 12px 16px; border-radius: var(--dsd-r); background: linear-gradient(160deg, var(--dsd-accent), var(--dsd-ink-strong)); color: #fff; text-align: center; }
.dsd-mh__comp { display: inline-flex; align-items: center; gap: 6px; font-size: 0.75rem; font-weight: 700; opacity: 0.9; }
.dsd-mh__comp .dsd-logo { background: #fff; border-radius: 4px; padding: 1px; }
.dsd-mh__line { display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; gap: 8px; margin-block-start: 12px; }
.dsd-mh__team { display: grid; justify-items: center; gap: 6px; min-width: 0; }
.dsd-mh__team .dsd-logo, .dsd-mh__team .dsd-ph { width: 52px; height: 52px; }
.dsd-mh__team b { font-family: var(--dsd-display); font-size: 0.9375rem; line-height: 1.2; overflow-wrap: anywhere; }
.dsd-mh__mid { display: grid; justify-items: center; gap: 6px; padding-block-start: 6px; }
.dsd-mh__score { font: 900 2.25rem / 1 var(--dsd-display); direction: ltr; white-space: nowrap; }
.dsd-mh__score i { font-style: normal; margin-inline: 6px; opacity: 0.55; }
.dsd-mh__time { font: 900 1.75rem / 1 var(--dsd-display); }
.dsd-mh__day { display: inline-block; padding: 4px 10px; border-radius: 999px; background: var(--dsd-hi); color: var(--dsd-ink-strong); font: 900 0.875rem / 1.1 var(--dsd-ui); white-space: nowrap; }
.dsd-mh__date { font: 700 0.875rem / 1.2 var(--dsd-ui); white-space: nowrap; }
.dsd-mh__mid > .dsd-mh__time:not(:first-child) { margin-block-start: 2px; }
.dsd-mh .dsd-meta { color: rgb(255 255 255 / 0.75); }
.dsd-chip { display: inline-flex; align-items: center; padding: 4px 9px; border-radius: 999px; background: rgb(255 255 255 / 0.16); font: 800 0.6875rem / 1 var(--dsd-ui); font-style: normal; white-space: nowrap; }
.dsd-chip.is-live { background: var(--dsd-live); color: #fff; }
.dsd-chip.is-live .dsd-dot { background: #fff; }
.dsd-mh__scorers { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-block-start: 10px; font-size: 0.75rem; font-weight: 600; opacity: 0.88; }
.dsd-mh__scorers:empty { display: none; }
.dsd-mh__goals:first-child { text-align: end; }
.dsd-mh__goals:only-child:first-child { grid-column: 1; }
.dsd-mh__when { display: flex; align-items: center; justify-content: center; gap: 5px; margin-block-start: 12px; font-size: 0.8125rem; font-weight: 600; opacity: 0.85; }
.dsd-mh h1.dsd-vh, .dsd-mh h2.dsd-vh { color: inherit; }
@media (min-width: 700px) {
	.dsd-mh { padding: 20px 24px 22px; }
	.dsd-mh__team .dsd-logo, .dsd-mh__team .dsd-ph { width: 72px; height: 72px; }
	.dsd-mh__team b { font-size: 1.1875rem; }
	.dsd-mh__score { font-size: 3.25rem; }
	.dsd-mh__time { font-size: 2.5rem; }
	.dsd-mh__day, .dsd-mh__date { font-size: 1rem; }
	.dsd-mh__scorers { font-size: 0.8125rem; }
}
.dsd-card-link { display: block; }
.dsd-card-link:hover .dsd-mh { filter: brightness(1.08); }
.dsd-card-cta { display: block; padding: 8px; text-align: center; font-size: 0.8125rem; font-weight: 800; color: var(--dsd-link); }
.dsd-v-match-card { margin-block: 18px; }
.dsd-v-next-match .dsd-mh__when, .dsd-v-last-result .dsd-mh__when { margin-block-start: 6px; }

/* Events -------------------------------------------------------------- */
.dsd-evs { display: grid; gap: 2px; }
.dsd-ev { display: grid; grid-template-columns: 2.6rem 28px 1fr; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 8px; }
.dsd-ev:nth-child(odd) { background: var(--dsd-surface); }
.dsd-ev__min { font-weight: 800; color: var(--dsd-muted); text-align: center; direction: ltr; }
.dsd-ev__icon svg { width: 22px; height: 22px; display: block; margin-inline: auto; }
.dsd-ev--goal .dsd-ev__icon { color: var(--dsd-ink); }
.dsd-ev--sub .dsd-ev__icon { color: var(--dsd-win); }
.dsd-ev--miss .dsd-ev__icon { color: var(--dsd-live); }
.dsd-ev__body { min-width: 0; }
.dsd-ev__body b { font-weight: 700; }
.dsd-ev__body a:hover { color: var(--dsd-link); }
.dsd-ev--goal .dsd-ev__body b { font-weight: 800; }
.dsd-in { color: var(--dsd-win); }
.dsd-out { color: var(--dsd-muted); font-weight: 600; }
.dsd-ev.is-away { border-inline-start: 3px solid var(--dsd-draw); }
.dsd-ev.is-home { border-inline-start: 3px solid var(--dsd-accent); }

/* Lineups ------------------------------------------------------------- */
.dsd-lu { display: grid; gap: 14px; }
@media (min-width: 560px) { .dsd-lu { grid-template-columns: 1fr 1fr; } }
.dsd-lu__team { border: 1px solid var(--dsd-line); border-radius: var(--dsd-r); padding: 12px; }
.dsd-lu__name { display: flex; align-items: center; gap: 8px; font-size: 1rem; font-weight: 800; }
.dsd-lu__name span { flex: 1; min-width: 0; }
.dsd-lu__name .dsd-chip { background: var(--dsd-surface); color: var(--dsd-ink); }
.dsd-lu__label { margin: 12px 0 4px; font-size: 0.6875rem; font-weight: 800; color: var(--dsd-muted); letter-spacing: 0.04em; }
:lang(ar) .dsd-lu__label { text-transform: none; letter-spacing: 0; font-size: 0.75rem; }
.dsd-lu__list li { display: flex; align-items: center; gap: 8px; padding: 5px 0; border-block-start: 1px solid var(--dsd-line); font-weight: 600; }
.dsd-lu__list li:first-child { border-block-start: 0; }
.dsd-lu__list a:hover { color: var(--dsd-link); }
.dsd-lu__list--subs li { font-weight: 500; color: var(--dsd-muted); }
.dsd-num { display: inline-grid; place-items: center; min-width: 26px; height: 22px; border-radius: 5px; background: var(--dsd-ink-strong); color: #fff; font-size: 0.75rem; font-weight: 800; }
.dsd-num:empty { display: none; }
.dsd-lu__list--subs .dsd-num { background: var(--dsd-surface); color: var(--dsd-ink); }
.dsd-pos { margin-inline-start: auto; font-size: 0.6875rem; font-weight: 700; color: var(--dsd-muted); }
.dsd-coach { display: flex; align-items: center; gap: 10px; margin-block-start: 12px; font-weight: 700; }
.dsd-pitch { display: grid; margin-block-end: 14px; border-radius: var(--dsd-r); overflow: hidden; background: repeating-linear-gradient(0deg, #2f8a45 0 34px, #339449 34px 68px); color: #fff; position: relative; }
.dsd-pitch::after { content: ""; position: absolute; inset-inline: 0; inset-block-start: 50%; border-block-start: 2px solid rgb(255 255 255 / 0.5); }
.dsd-pitch__half { display: flex; flex-direction: column; gap: 10px; padding: 14px 6px; }
.dsd-pitch__half--home { flex-direction: column-reverse; order: 2; }
.dsd-pitch__half--away { order: 1; }
.dsd-pitch__line { display: flex; justify-content: space-around; gap: 4px; }
.dsd-pitch__p { display: grid; justify-items: center; gap: 2px; width: 64px; text-align: center; }
.dsd-pitch__n { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--dsd-accent); border: 2px solid #fff; font-weight: 800; font-size: 0.8125rem; }
.dsd-pitch__half--away .dsd-pitch__n { background: #fff; color: var(--dsd-ink-strong); }
.dsd-pitch__name { font-size: 0.6875rem; font-weight: 700; line-height: 1.1; text-shadow: 0 1px 2px rgb(0 0 0 / 0.5); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Stats --------------------------------------------------------------- */
.dsd-st { display: grid; gap: 12px; }
.dsd-st li { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 4px 10px; }
.dsd-st__v { font-weight: 800; min-width: 2.5rem; }
.dsd-st__v:last-of-type { text-align: end; }
.dsd-st__label { text-align: center; font-size: 0.8125rem; font-weight: 600; color: var(--dsd-muted); }
.dsd-st__bar { grid-column: 1 / -1; display: block; height: 6px; border-radius: 3px; background: var(--dsd-draw); overflow: hidden; }
.dsd-st__bar i { display: block; width: var(--p); height: 100%; background: var(--dsd-accent); border-start-end-radius: 3px; border-end-end-radius: 3px; }

/* H2H ----------------------------------------------------------------- */
.dsd-h2h { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; }
.dsd-h2h span { display: grid; gap: 2px; padding: 10px 6px; border-radius: var(--dsd-r); background: var(--dsd-surface); font-size: 0.75rem; font-weight: 700; color: var(--dsd-muted); }
.dsd-h2h b { font: 900 1.625rem / 1 var(--dsd-display); color: var(--dsd-ink); }

/* Facts --------------------------------------------------------------- */
.dsd-facts { display: grid; }
.dsd-facts > div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-block-start: 1px solid var(--dsd-line); }
.dsd-facts > div:first-child { border-block-start: 0; }
.dsd-facts dt { color: var(--dsd-muted); font-weight: 600; font-size: 0.8125rem; }
.dsd-facts dd { font-weight: 700; text-align: end; }
.dsd-facts--grid { grid-template-columns: 1fr 1fr; gap: 8px; }
.dsd-facts--grid > div { display: grid; gap: 2px; padding: 10px; border: 0; border-radius: 8px; background: var(--dsd-surface); }
.dsd-facts--grid dd { text-align: start; font-size: 1.0625rem; }
.dsd-venue { margin-block-start: 10px; border-radius: 8px; aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }

/* Lists (transfers, trophies, injuries) ------------------------------- */
.dsd-list li { display: grid; gap: 1px; padding: 8px 0; border-block-start: 1px solid var(--dsd-line); }
.dsd-list li:first-child { border-block-start: 0; }
.dsd-list a:hover { color: var(--dsd-link); }

/* Squad --------------------------------------------------------------- */
.dsd-squad { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
.dsd-squad a { position: relative; display: grid; justify-items: center; gap: 6px; padding: 10px 6px; border-radius: var(--dsd-r); background: var(--dsd-surface); text-align: center; font-size: 0.8125rem; line-height: 1.2; height: 100%; }
.dsd-squad a:hover b { color: var(--dsd-link); }
.dsd-squad .dsd-avatar, .dsd-squad .dsd-ph { width: 56px; height: 56px; }
.dsd-squad__n { position: absolute; inset-block-start: 6px; inset-inline-start: 6px; font-weight: 900; font-size: 0.75rem; color: var(--dsd-muted); }
.dsd-squad__n:empty { display: none; }

/* Page layout --------------------------------------------------------- */
.dsd-main-wrap { max-width: 1200px; margin-inline: auto; padding: 12px var(--gutter, 16px) 40px; }
.dsd-crumbs { margin: 4px 0 12px; font-size: 0.75rem; font-weight: 600; color: var(--dsd-muted); }
.dsd-crumbs { display: flex; flex-wrap: wrap; gap: 4px 6px; }
.dsd-crumbs > span[aria-hidden] { opacity: 0.6; }
[dir="rtl"] .dsd-crumbs > span[aria-hidden] { display: inline-block; transform: scaleX(-1); }
.dsd-crumbs a { color: inherit; text-decoration: none; }
.dsd-crumbs a:hover { color: var(--dsd-link); }
.dsd-v-hub, .dsd-v-league, .dsd-v-match, .dsd-v-team, .dsd-v-player { display: grid; gap: 14px; }
.dsd-cols { display: grid; gap: 14px; align-items: start; }
.dsd-main, .dsd-side { display: grid; gap: 14px; min-width: 0; }
@media (min-width: 960px) {
	.dsd-cols { grid-template-columns: minmax(0, 1fr) 360px; gap: 20px; }
	.dsd-side { position: sticky; inset-block-start: 76px; }
}
.dsd-box { padding: 14px; border: 1px solid var(--dsd-line); border-radius: calc(var(--dsd-r) + 4px); background: var(--dsd-bg); min-width: 0; }
.dsd-box .dsd > .dsd-head:first-child, .dsd-box > .dsd-head:first-child { margin-block-start: 0; }
.dsd-box .dsd-fxs, .dsd-box .dsd-ldr, .dsd-box .dsd-table-wrap { border-radius: 8px; }
@media (min-width: 700px) { .dsd-box { padding: 18px; } }
.dsd-grid2 { display: grid; gap: 14px; }
@media (min-width: 760px) { .dsd-grid2 { grid-template-columns: 1fr 1fr; } }

/* Club / player / competition headers -------------------------------- */
.dsd-th { display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: calc(var(--dsd-r) + 4px); background: linear-gradient(160deg, var(--dsd-accent), var(--dsd-ink-strong)); color: #fff; }
.dsd-th .dsd-logo { width: 64px; height: 64px; background: #fff; border-radius: 12px; padding: 6px; }
.dsd-th .dsd-avatar--big { width: 88px; height: 88px; border: 3px solid #fff; }
.dsd-th__name { font-size: 1.5rem; font-weight: 900; line-height: 1.1; color: #fff; }
.dsd-th .dsd-meta { color: rgb(255 255 255 / 0.78); margin-block-start: 4px; }
.dsd-th .dsd-coach { margin-block-start: 8px; font-size: 0.875rem; }
.dsd-th .dsd-coach .dsd-avatar, .dsd-th .dsd-coach .dsd-ph { width: 30px; height: 30px; }
.dsd-th__club { display: inline-flex; align-items: center; gap: 6px; margin-block-start: 6px; padding: 4px 10px 4px 4px; border-radius: 999px; background: rgb(255 255 255 / 0.16); font-weight: 700; font-size: 0.875rem; }
.dsd-th__club .dsd-logo { width: 22px; height: 22px; padding: 1px; border-radius: 50%; }
@media (min-width: 700px) {
	.dsd-th { padding: 22px 24px; gap: 20px; }
	.dsd-th__name { font-size: 2.125rem; }
	.dsd-th .dsd-logo { width: 88px; height: 88px; }
	.dsd-th .dsd-avatar--big { width: 112px; height: 112px; }
}
.dsd-subnav { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; border-block-end: 1px solid var(--dsd-line); }
.dsd-subnav::-webkit-scrollbar { display: none; }
.dsd-subnav a { flex: none; padding: 12px 12px 10px; font-weight: 800; font-size: 0.875rem; color: var(--dsd-muted); border-block-end: 3px solid transparent; white-space: nowrap; }
.dsd-subnav a[aria-current="page"] { color: var(--dsd-ink); border-color: var(--dsd-accent); }
.dsd-subnav a:hover { color: var(--dsd-ink); }
.dsd-pager { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; margin-block-end: 12px; font-weight: 800; font-size: 0.8125rem; }
.dsd-pager a { color: var(--dsd-link); }
.dsd-pager a[rel="next"] { text-align: end; }
.dsd-select { font: 700 0.875rem var(--dsd-ui); color: var(--dsd-ink); background: var(--dsd-surface); border: 1px solid var(--dsd-line); border-radius: 8px; padding: 8px 10px; min-height: 40px; max-width: 46vw; }
.dsd-comps { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.dsd-comp { display: grid; justify-items: center; gap: 6px; padding: 14px 10px; border-radius: var(--dsd-r); background: var(--dsd-surface); text-align: center; line-height: 1.2; }
.dsd-comp:hover b { color: var(--dsd-link); }

/* Related articles ---------------------------------------------------- */
.dsd-rel { display: grid; gap: 10px; }
.dsd-rel a { display: grid; grid-template-columns: 64px 1fr; align-items: center; gap: 10px; font-weight: 700; font-size: 0.875rem; line-height: 1.3; font-family: var(--dsd-display); }
.dsd-rel a > span:only-child { grid-column: 1 / -1; }
.dsd-thumb { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; }
.dsd-rel a:hover span { color: var(--dsd-link); }

/* Inside the theme's Layout Builder sections --------------------------- */
.dsd-sec { min-width: 0; }
.dsd-sec > .dsd { height: 100%; }

/* Inside articles and widgets ------------------------------------------ */
.entry-content .dsd, .wp-block-post-content .dsd, .widget .dsd { margin-block: 1.25em; }
.widget .dsd-fx { grid-template-columns: 2.8rem 1fr auto 1fr; font-size: 0.8125rem; }

/* Refreshing state ------------------------------------------------------ */
.dsd.is-refreshing { opacity: 0.85; transition: opacity 0.2s; }

/* ======================================================================
 * Profile pages (club, player, competition) — v1.1
 * ==================================================================== */
.dsd-profile { --dsd-c: var(--dsd-club, var(--dsd-accent)); --dsd-c-ink: var(--dsd-club-ink, #fff); --dsd-c-text: color-mix(in oklab, var(--dsd-c) 58%, var(--dsd-ink)); display: grid; gap: 14px; }
.dsd-profile > .dsd-box { scroll-margin-top: 120px; }
@media (min-width: 700px) { .dsd-profile { gap: 18px; } }

/* Hero */
.dsd-hero { position: relative; overflow: hidden; display: grid; gap: 16px; padding: 18px 16px 16px; border-radius: 18px; color: var(--dsd-c-ink); background: linear-gradient(140deg, var(--dsd-c) 0%, color-mix(in oklab, var(--dsd-c) 62%, #050a1f) 100%); isolation: isolate; }
.dsd-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: repeating-linear-gradient(115deg, rgb(255 255 255 / 0.05) 0 2px, transparent 2px 14px); mask-image: linear-gradient(90deg, transparent 30%, #000); }
[dir="rtl"] .dsd-hero::before { mask-image: linear-gradient(270deg, transparent 30%, #000); }
.dsd-hero__top { display: flex; align-items: center; gap: 14px; min-width: 0; }
.dsd-hero__media { flex: none; display: grid; place-items: center; width: 84px; height: 84px; border-radius: 20px; background: #fff; box-shadow: 0 6px 24px rgb(0 0 0 / 0.18); }
.dsd-hero__media img, .dsd-hero__media .dsd-ph { width: 68px; height: 68px; }
.dsd-hero--person .dsd-hero__media { border-radius: 50%; padding: 0; overflow: hidden; background: rgb(255 255 255 / 0.2); border: 3px solid rgb(255 255 255 / 0.85); }
.dsd-hero--person .dsd-hero__media img, .dsd-hero--person .dsd-hero__media .dsd-ph { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.dsd-hero__id { min-width: 0; display: grid; gap: 6px; }
.dsd-hero__kicker { margin: 0; font-size: 0.8125rem; font-weight: 800; letter-spacing: 0.02em; opacity: 0.85; }
.dsd .dsd-hero__title, .dsd-hero__title { margin: 0; font-family: var(--dsd-display); font-size: clamp(1.625rem, 6.2vw, 2.75rem); font-weight: 900; line-height: 1.02; color: inherit; overflow-wrap: anywhere; }
.dsd-hero__chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 0; }
.dsd-chip2 { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: rgb(255 255 255 / 0.16); color: inherit; font-size: 0.75rem; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.dsd-chip2 .dsd-logo { width: 16px; height: 16px; background: #fff; border-radius: 3px; padding: 1px; }
a.dsd-chip2:hover { background: rgb(255 255 255 / 0.28); }
.dsd-hero__links { display: flex; flex-wrap: wrap; gap: 6px; }
.dsd-social { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgb(255 255 255 / 0.14); color: inherit; }
.dsd-social:hover { background: rgb(255 255 255 / 0.3); }
.dsd-social svg { width: 18px; height: 18px; }
@media (min-width: 700px) {
	.dsd-hero { padding: 26px 28px 22px; gap: 20px; border-radius: 22px; }
	.dsd-hero__media { width: 116px; height: 116px; border-radius: 26px; }
	.dsd-hero__media img, .dsd-hero__media .dsd-ph { width: 92px; height: 92px; }
	.dsd-hero__top { gap: 22px; }
}

/* Stat tiles (hero, boxes, sections) */
.dsd-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(140px, 100%), 1fr)); gap: 8px; margin: 0; }
.dsd-tile { display: grid; gap: 2px; align-content: start; padding: 10px 12px; border-radius: 12px; background: var(--dsd-surface); min-width: 0; }
.dsd-tile dt { font-size: 0.8125rem; font-weight: 800; color: var(--dsd-muted); }
:lang(ar) .dsd-tile dt { text-transform: none; letter-spacing: 0; font-size: 0.75rem; }
.dsd-tile dd { margin: 0; display: grid; gap: 2px; min-width: 0; }
.dsd-tile__v { font: 900 1.375rem / 1.1 var(--dsd-display); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.dsd-tile__v a { color: inherit; }
.dsd-tile__v a:hover { text-decoration: underline; text-underline-offset: 3px; }
.dsd-tile__v .dsd-form { vertical-align: middle; }
.dsd-tile__s { font-size: 0.75rem; font-weight: 600; color: var(--dsd-muted); }
.dsd-tiles--hero { grid-template-columns: repeat(auto-fit, minmax(min(110px, 100%), 1fr)); }
.dsd-tiles--hero .dsd-tile { background: rgb(255 255 255 / 0.12); backdrop-filter: blur(4px); }
.dsd-tiles--hero .dsd-tile dt, .dsd-tiles--hero .dsd-tile__s { color: inherit; opacity: 0.78; }
.dsd-tiles--hero .dsd-tile__v { font-size: 1.5rem; }
.dsd-tiles--hero .dsd-f { box-shadow: 0 0 0 1px rgb(255 255 255 / 0.35); }
.dsd-tiles--people .dsd-tile__v { font-size: 1.0625rem; }
.dsd-tiles--box .dsd-tile__v { font-size: 1.25rem; }

/* In-page menu */
.dsd-pnav { position: sticky; inset-block-start: var(--dsd-sticky, 0px); z-index: 5; display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; padding: 6px; border-radius: 999px; background: color-mix(in oklab, var(--dsd-bg) 88%, transparent); backdrop-filter: blur(10px); box-shadow: 0 1px 0 var(--dsd-line), 0 6px 18px rgb(0 0 0 / 0.06); }
.dsd-pnav::-webkit-scrollbar { display: none; }
.dsd-pnav a { flex: none; padding: 8px 14px; border-radius: 999px; font-size: 0.8125rem; font-weight: 800; color: var(--dsd-muted); white-space: nowrap; }
.dsd-pnav a:hover, .dsd-pnav a:focus-visible { background: var(--dsd-surface); color: var(--dsd-ink); }
.dsd-pnav a.is-active { background: var(--dsd-c); color: var(--dsd-c-ink); }

/* Factual paragraph */
.dsd-about { display: grid; gap: 8px; padding: 2px 4px; font-family: var(--f-read, Georgia, serif); font-size: 1.0625rem; line-height: 1.65; color: var(--dsd-ink); }
.dsd-about p { margin: 0; }
.dsd-about__lead { font-size: 1.125rem; }
:lang(ar) .dsd-about { font-size: 1.125rem; line-height: 1.9; }

/* Two-up cards */
.dsd-duo { display: grid; gap: 14px; margin-block-end: 16px; }
@container (min-width: 640px) { .dsd-duo { grid-template-columns: 1fr 1fr; } }
.dsd-duo > .dsd { min-width: 0; }
.dsd-profile .dsd-v-next-match .dsd-mh, .dsd-profile .dsd-v-last-result .dsd-mh { background: linear-gradient(150deg, color-mix(in oklab, var(--dsd-c) 85%, #000) 0%, #0d1640 110%); }
.dsd-profile .dsd-v-last-result .dsd-mh { background: var(--dsd-ink-strong); }

/* Squad cards */
.dsd-day span { color: var(--dsd-muted); font-weight: 700; margin-inline-start: 4px; }
.dsd-squad2 { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr)); gap: 8px; margin-block-end: 14px; }
.dsd-squad2 a { position: relative; display: flex; align-items: center; gap: 10px; padding: 8px 12px 8px 8px; border-radius: 12px; background: var(--dsd-surface); min-height: 68px; }
.dsd-squad2 a:hover { background: color-mix(in oklab, var(--dsd-c) 10%, var(--dsd-surface)); }
.dsd-squad2 .dsd-avatar, .dsd-squad2 .dsd-ph { width: 52px; height: 52px; }
.dsd-squad2__body { display: grid; gap: 2px; min-width: 0; flex: 1; }
.dsd-squad2__body b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsd-squad2__n { flex: none; min-width: 34px; text-align: center; font: 900 1.375rem / 1 var(--dsd-display); color: var(--dsd-c-text); }

/* Goals by period */
.dsd-bars { margin: 16px 0; }
.dsd-bars figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-block-end: 10px; font-size: 0.8125rem; font-weight: 800; }
.dsd-legend2 { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--dsd-muted); }
.dsd-legend2 i { width: 10px; height: 10px; border-radius: 3px; margin-inline-start: 6px; }
.dsd-bars ol { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 6px; align-items: end; height: 150px; padding: 0; margin: 0; list-style: none; border-block-end: 1px solid var(--dsd-line); }
.dsd-bars li { display: grid; grid-template-rows: 1fr auto; height: 100%; }
.dsd-bars__pair { display: flex; align-items: flex-end; justify-content: center; gap: 3px; height: 100%; }
.dsd-bars__pair i { position: relative; display: block; width: min(40%, 22px); height: max(var(--h), 3px); border-radius: 4px 4px 0 0; }
.dsd-bars__pair b { position: absolute; inset-block-end: 100%; inset-inline: -6px; text-align: center; font-size: 0.6875rem; font-weight: 800; color: var(--dsd-ink); padding-block-end: 2px; }
.dsd-bars__for { background: var(--dsd-c); }
.dsd-bars__ag { background: var(--dsd-draw); }
.dsd-bars__k { padding-block-start: 6px; text-align: center; font-size: 0.6875rem; font-weight: 700; color: var(--dsd-muted); direction: ltr; }

/* Home / away */
.dsd-ha { margin-block-end: 16px; }
.dsd-ha__head { display: flex; justify-content: space-between; margin: 0 0 8px; font-size: 0.75rem; font-weight: 800; color: var(--dsd-muted); }
.dsd-ha .dsd-st__bar i { background: var(--dsd-c); }

/* Honours */
.dsd-trophies { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); gap: 8px; }
.dsd-trophy { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; background: linear-gradient(135deg, color-mix(in oklab, #f5c400 18%, var(--dsd-bg)), var(--dsd-surface)); }
.dsd-trophy__n { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #f5c400; color: #3a2a00; font: 900 1.375rem / 1 var(--dsd-display); box-shadow: inset 0 -3px 0 rgb(0 0 0 / 0.12); }
.dsd-trophy__body { display: grid; gap: 2px; min-width: 0; }
.dsd-trophy__body b { line-height: 1.25; }
.dsd-trophy__body .dsd-meta { font-weight: 600; overflow-wrap: anywhere; }
.dsd-trophies--compact { grid-template-columns: 1fr; }
.dsd-trophies--compact .dsd-trophy { padding: 8px; }
.dsd-trophies--compact .dsd-trophy__n { width: 38px; height: 38px; font-size: 1rem; }

/* Club / player identity */
.dsd-split { display: grid; gap: 16px; align-items: start; }
@container (min-width: 720px) { .dsd-split { grid-template-columns: 1.4fr 1fr; gap: 24px; } }
.dsd-prose { font-family: var(--f-read, Georgia, serif); font-size: 1rem; line-height: 1.7; }
.dsd-prose p { margin: 0 0 0.8em; }
:lang(ar) .dsd-prose { font-size: 1.0625rem; line-height: 1.95; }
.dsd-venue2 { margin: 8px 0 0; }
.dsd-venue2 img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; }
.dsd-venue2 figcaption { margin-block-start: 6px; font-size: 0.75rem; font-weight: 700; color: var(--dsd-muted); }
.dsd-swatches { display: inline-flex; gap: 4px; vertical-align: middle; }
.dsd-swatch { display: inline-block; width: 16px; height: 16px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.15); }

/* Career timeline */
.dsd-tl { position: relative; display: grid; gap: 2px; margin: 12px 0 16px; padding: 0; list-style: none; }
.dsd-tl li { position: relative; display: grid; grid-template-columns: 6.5rem 1fr; gap: 0 12px; padding: 8px 0 8px 0; padding-inline-start: 18px; }
.dsd-tl li::before { content: ""; position: absolute; inset-inline-start: 4px; inset-block: 0; width: 2px; background: var(--dsd-line); }
.dsd-tl li::after { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 14px; width: 10px; height: 10px; border-radius: 50%; background: var(--dsd-c); }
.dsd-tl__y { grid-row: span 2; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--dsd-muted); direction: ltr; text-align: start; }

/* Competition column in tables */
.dsd-comp2 { display: inline-flex; align-items: center; gap: 8px; }
.dsd-comp2 > span { display: grid; }
.dsd-clubs { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr)); gap: 8px; }
.dsd-clubs a { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 12px; background: var(--dsd-surface); font-weight: 700; font-size: 0.875rem; line-height: 1.2; }
.dsd-clubs a:hover { color: var(--dsd-link); }

/* News cards */
.dsd-news { display: grid; gap: 12px; grid-template-columns: 1fr; }
@container (min-width: 620px) { .dsd-news { grid-template-columns: repeat(2, 1fr); } .dsd-news__item:first-child { grid-column: 1 / -1; } }
@container (min-width: 900px) { .dsd-news { grid-template-columns: repeat(3, 1fr); } .dsd-news__item:first-child { grid-column: span 2; grid-row: span 2; } }
.dsd-news__item a { display: grid; gap: 8px; height: 100%; }
.dsd-news__media { display: block; overflow: hidden; border-radius: 12px; background: var(--dsd-surface); aspect-ratio: 16 / 9; }
.dsd-news__img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.dsd-news__item a:hover .dsd-news__img { transform: scale(1.04); }
.dsd-news__body { display: grid; gap: 4px; align-content: start; }
.dsd-news__cat { font-size: 0.6875rem; font-weight: 800; color: var(--dsd-c-text, var(--dsd-link)); }
:lang(ar) .dsd-news__cat { text-transform: none; letter-spacing: 0; }
.dsd-news__title { font-family: var(--dsd-display); font-size: 1.0625rem; font-weight: 800; line-height: 1.25; }
.dsd-news__item:first-child .dsd-news__title { font-size: clamp(1.25rem, 3.5vw, 1.625rem); }
.dsd-news__item a:hover .dsd-news__title { color: var(--dsd-link); }
.dsd-news__item--text a { padding: 14px; border-radius: 12px; background: var(--dsd-surface); }
@media (prefers-reduced-motion: reduce) { .dsd-news__img { transition: none; } }

/* FAQ */
.dsd-faq { display: grid; gap: 8px; }
.dsd-faq__item { border-radius: 12px; background: var(--dsd-surface); }
.dsd-faq__item summary { cursor: pointer; list-style: none; padding: 12px 14px; font-weight: 800; display: flex; justify-content: space-between; gap: 12px; }
.dsd-faq__item summary::-webkit-details-marker { display: none; }
.dsd-faq__item summary::after { content: "+"; flex: none; font-weight: 900; color: var(--dsd-muted); }
.dsd-faq__item[open] summary::after { content: "–"; }
.dsd-faq__item p { margin: 0; padding: 0 14px 14px; line-height: 1.6; }

.dsd-sources { margin: 0; padding: 0 4px; font-size: 0.75rem; color: var(--dsd-muted); }
.dsd-sources a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

/* Article boxes (team-box / player-box) */
.dsd-box2 { --dsd-c: var(--dsd-club, var(--dsd-accent)); --dsd-c-ink: var(--dsd-club-ink, #fff); overflow: hidden; border-radius: 16px; border: 1px solid var(--dsd-line); background: var(--dsd-bg); }
.dsd-box2__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; background: linear-gradient(140deg, var(--dsd-c), color-mix(in oklab, var(--dsd-c) 62%, #050a1f)); color: var(--dsd-c-ink); }
.dsd-box2__id { display: flex; align-items: center; gap: 12px; min-width: 0; color: inherit; }
.dsd-box2__id .dsd-logo { width: 44px; height: 44px; padding: 4px; border-radius: 12px; background: #fff; }
.dsd-box2--player .dsd-avatar, .dsd-box2--player .dsd-ph { width: 52px; height: 52px; border: 2px solid rgb(255 255 255 / 0.8); }
.dsd-box2__id > span { display: grid; min-width: 0; }
.dsd-box2__id b { font-family: var(--dsd-display); font-size: 1.125rem; line-height: 1.15; }
.dsd-box2__id .dsd-meta { color: inherit; opacity: 0.8; }
.dsd-box2__cta { flex: none; padding: 8px 12px; border-radius: 999px; background: rgb(255 255 255 / 0.16); color: inherit; font-size: 0.75rem; font-weight: 800; white-space: nowrap; }
.dsd-box2__cta:hover { background: rgb(255 255 255 / 0.3); }
.dsd-box2 .dsd-tiles { padding: 12px; }
.dsd-box2__foot { margin: 0; padding: 0 14px 12px; font-size: 0.6875rem; color: var(--dsd-muted); }
@container (max-width: 380px) { .dsd-box2__cta { display: none; } }
.entry-content .dsd-v-team-box, .entry-content .dsd-v-player-box, .wp-block-post-content .dsd-v-team-box, .wp-block-post-content .dsd-v-player-box { margin-block: 1.6em; }

/* Sidebar tables never overflow */
.dsd-side .dsd-table-wrap { overflow-x: clip; }
.dsd-side .dsd-x { display: none; }

/* Squad: two compact columns on phones */
@container (max-width: 560px) {
	.dsd-squad2 { grid-template-columns: 1fr 1fr; }
	.dsd-squad2 a { flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 12px 8px; }
	.dsd-squad2__body b { white-space: normal; }
	.dsd-squad2__n { position: absolute; inset-block-start: 8px; inset-inline-end: 10px; min-width: 0; font-size: 1rem; }
}

/* Inside article text the theme underlines and colours every link: not in football embeds. */
:is(.ls-prose, .entry-content, .wp-block-post-content, .widget) .dsd a:not(.dsd-more):not(.dsd-card-cta) { color: inherit !important; text-decoration: none !important; }
:is(.ls-prose, .entry-content, .wp-block-post-content) .dsd :is(h2, h3, p, ul, ol, dl, figure) { margin-block: 0; }
:is(.ls-prose, .entry-content, .wp-block-post-content) .dsd :is(ul, ol) { padding: 0; list-style: none; }
:is(.ls-prose, .entry-content, .wp-block-post-content) .dsd img { margin: 0; }
.dsd .dsd-tile__v a:hover, .dsd .dsd-box2__id:hover b { text-decoration: underline !important; text-underline-offset: 3px; }
:is(.ls-prose, .entry-content, .wp-block-post-content) .dsd .dsd-box2__foot { padding: 0 14px 12px; }
:is(.ls-prose, .entry-content, .wp-block-post-content) .dsd .dsd-title { font-size: 1.1875rem; line-height: 1.2; }
:is(.ls-prose, .entry-content, .wp-block-post-content) .dsd .dsd-head { margin-block: 0 10px; }

/* ======================================================================
 * Competition picker (the visitor's league) — v1.2
 * ==================================================================== */
.dsd-pick { position: relative; flex: none; font-family: var(--dsd-ui); }
.dsd-pick > summary { list-style: none; cursor: pointer; }
.dsd-pick > summary::-webkit-details-marker { display: none; }
.dsd-pick__btn { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; max-width: 220px; padding: 4px 10px; border: 1px solid var(--dsd-line); border-radius: 999px; background: var(--dsd-bg); color: var(--dsd-ink); font-size: 0.875rem; font-weight: 800; line-height: 1.1; }
.dsd-pick__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsd-pick__caret { flex: none; transition: transform 0.2s; }
.dsd-pick[open] .dsd-pick__caret { transform: rotate(180deg); }
.dsd-pick__menu { position: absolute; z-index: 20; inset-block-start: calc(100% + 6px); inset-inline-end: 0; width: min(290px, 86vw); max-height: 60vh; overflow: auto; padding: 6px; border: 1px solid var(--dsd-line); border-radius: 12px; background: var(--dsd-bg); color: var(--dsd-ink); box-shadow: 0 12px 32px rgb(0 0 0 / 0.18); }
.dsd-pick__hint { padding: 6px 8px 8px; font-size: 0.8125rem; font-weight: 700; color: var(--dsd-muted); }
.dsd-pick__item { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 6px 8px; border: 0; border-radius: 8px; background: none; color: inherit; font: 700 0.9375rem/1.2 var(--dsd-ui); text-align: start; cursor: pointer; }
.dsd-pick__item:hover, .dsd-pick__item:focus-visible { background: var(--dsd-surface); }
.dsd-pick__item[aria-current] { background: color-mix(in oklab, var(--dsd-accent) 12%, transparent); color: var(--dsd-link); }
.dsd-pick__all { display: grid; place-items: center; width: 22px; height: 22px; color: var(--dsd-accent); }
.dsd-head:has(.dsd-pick) { flex-wrap: wrap; align-items: center; row-gap: 10px; }
.dsd-head:has(.dsd-pick) .dsd-title { flex: 1 1 100%; }
.dsd-head .dsd-pick { order: 3; align-self: center; }
.dsd-head .dsd-pick ~ .dsd-more { order: 4; margin-inline-start: auto; }
.dsd-head .dsd-pick .dsd-pick__menu { inset-inline: 0 auto; }

/* In the score strip: the first chip, on the strip's dark band. */
.dsd-strip.has-pick { display: flex; align-items: stretch; }
.dsd-strip__pick { flex: none; display: flex; align-items: center; padding-inline: 10px 6px; border-inline-end: 1px solid rgb(255 255 255 / 0.16); }
.dsd-strip.has-pick .ls-scores__list { flex: 1 1 auto; min-width: 0; }
.dsd-strip .dsd-pick__btn { max-width: 132px; border-color: rgb(255 255 255 / 0.3); background: rgb(255 255 255 / 0.08); color: #fff; font-size: 0.8125rem; }
.dsd-pick__menu.is-floating { position: fixed; z-index: 9999; inset-inline: auto; inset-block: auto; margin: 0; container-type: normal; }
.dsd-strip .dsd-pick__btn { border-color: var(--dsd-hi); }
.dsd-strip .dsd-pick__logo { filter: drop-shadow(0 0 1px rgb(255 255 255 / 0.6)); }

/* ======================================================================
 * Readers' predictions: one compact row per match, 1 / X / 2 on the side
 * ==================================================================== */
.dsd-polls { display: grid; border: 1px solid var(--dsd-line); border-radius: var(--dsd-r); overflow: hidden; background: var(--dsd-bg); }
.dsd-poll { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 10px; }
.dsd-poll + .dsd-poll { border-block-start: 1px solid var(--dsd-line); }
.dsd-poll__match { display: grid; grid-template-columns: 2.9rem minmax(0, 1fr); align-items: center; gap: 6px; min-width: 0; }
.dsd-poll__time { font-size: 0.8125rem; font-weight: 800; color: var(--dsd-muted); font-variant-numeric: tabular-nums; }
.dsd-poll__teams { display: grid; gap: 4px; min-width: 0; }
.dsd-poll__t { display: flex; align-items: center; gap: 7px; min-width: 0; font-size: 0.9375rem; font-weight: 700; line-height: 1.2; }
.dsd-poll__t span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsd-poll__t .dsd-logo { width: 20px; height: 20px; }
.dsd-poll__match:hover .dsd-poll__t span { color: var(--dsd-link); }
.dsd-poll__opts { display: grid; grid-template-columns: repeat(3, 44px); gap: 5px; }
.dsd-poll__opt { position: relative; isolation: isolate; overflow: hidden; display: grid; place-items: center; height: 44px; padding: 0; border: 1.5px solid var(--dsd-line); border-radius: 10px; background: var(--dsd-surface); color: var(--dsd-ink); font: 800 0.9375rem/1 var(--dsd-ui); cursor: pointer; transition: border-color 0.15s, transform 0.15s; }
.dsd-poll__opt:not(:disabled):hover { border-color: var(--dsd-accent); }
.dsd-poll__opt:not(:disabled):active { transform: scale(0.94); }
.dsd-poll__pct { display: none; font: 800 0.75rem/1 var(--dsd-ui); }
.dsd-poll__fill { position: absolute; z-index: -1; inset-inline: 0; inset-block-end: 0; height: 0; background: color-mix(in oklab, var(--dsd-accent) 22%, transparent); transition: height 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
.dsd-poll.is-done .dsd-poll__opt { cursor: default; }
.dsd-poll.is-done .dsd-poll__fill { height: var(--pct, 0%); }
.dsd-poll.is-done .dsd-poll__tag { position: absolute; inset-block-start: 4px; inset-inline-start: 5px; font-size: 0.625rem; color: var(--dsd-muted); }
.dsd-poll.is-done .dsd-poll__pct { display: block; margin-block-start: 6px; }
.dsd-poll__opt[aria-pressed="true"] { border-color: var(--dsd-accent); box-shadow: inset 0 0 0 1px var(--dsd-accent); }
.dsd-poll__opt[aria-pressed="true"] .dsd-poll__fill { background: color-mix(in oklab, var(--dsd-accent) 38%, transparent); }
.dsd-poll.is-busy { opacity: 0.6; }
.dsd-poll__help { margin-block-start: 8px; font-size: 0.8125rem; font-weight: 600; color: var(--dsd-muted); }
.dsd-polls + .dsd-day { margin-block-start: 12px; }
:lang(ar) .dsd-poll__t { font-size: 0.875rem; }
@container (min-width: 620px) {
	.dsd-poll { padding: 10px 14px; }
	.dsd-poll__opts { grid-template-columns: repeat(3, 52px); }
}
@media (prefers-reduced-motion: reduce) { .dsd-poll__fill { transition: none; } }

/* ======================================================================
 * Inside the Le Sportif+ skin: same heading and margins as its sections
 * ==================================================================== */
html[data-dphx-skin="sportif"] .ls-sec.dsd-sec > .dsd { padding-inline: var(--gutter); }
html[data-dphx-skin="sportif"] .ls-sec .dsd-head { align-items: center; margin-block-end: var(--s-4, 16px); flex-wrap: wrap; row-gap: 8px; }
html[data-dphx-skin="sportif"] .ls-sec .dsd-title { font-family: var(--f-display); font-size: var(--t-section); font-weight: 900; line-height: var(--lh-display); text-transform: var(--case-section, none); }
html[data-dphx-skin="sportif"] .ls-sec .dsd-title::before { width: 6px; height: 0.78em; border-radius: 0; margin-inline-end: 10px; vertical-align: -0.04em; background: var(--mark, var(--dsd-accent)); }
html[data-dphx-skin="sportif"] .ls-sec .dsd-more { font: 800 var(--t-ui, 0.9375rem) / 1.2 var(--f-ui); }

/* ======================================================================
 * World scores page (/football/direct/) — v1.3
 * ==================================================================== */
.dsd-v-scores { max-width: 860px; margin-inline: auto; padding: 0 var(--gutter, 16px) 40px; }
.dsd-sh { padding-block: 20px 12px; }
.dsd-sh__title { font-size: clamp(1.75rem, 7vw, 2.5rem); font-weight: 900; line-height: 1.05; }
.dsd-sh .dsd-meta { margin-block-start: 6px; }
.dsd-days { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-block: 4px 10px; scroll-snap-type: x proximity; }
.dsd-days::-webkit-scrollbar { display: none; }
.dsd-days__d { flex: none; display: grid; justify-items: center; gap: 2px; min-width: 62px; padding: 8px 10px; border: 1px solid var(--dsd-line); border-radius: 12px; background: var(--dsd-bg); scroll-snap-align: center; }
.dsd-days__d b { font-size: 0.875rem; font-weight: 800; white-space: nowrap; }
.dsd-days__d span { font-size: 0.75rem; font-weight: 600; color: var(--dsd-muted); }
.dsd-days__d[aria-current] { background: var(--dsd-accent); border-color: var(--dsd-accent); color: #fff; }
.dsd-days__d[aria-current] span { color: rgb(255 255 255 / 0.8); }
.dsd-sf { position: sticky; inset-block-start: 0; z-index: 5; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-block: 8px; background: var(--dsd-bg); }
.dsd-sf::-webkit-scrollbar { display: none; }
.dsd-sf__b { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 14px; border: 1px solid var(--dsd-line); border-radius: 999px; background: var(--dsd-bg); color: var(--dsd-ink); font: 800 0.875rem/1 var(--dsd-ui); cursor: pointer; }
.dsd-sf__b[aria-pressed="true"] { background: var(--dsd-ink-strong); border-color: var(--dsd-ink-strong); color: #fff; }
.dsd-sf__b.is-live[aria-pressed="true"] { background: var(--dsd-live); border-color: var(--dsd-live); }
.dsd-sf__b.is-live[aria-pressed="true"] .dsd-dot { background: #fff; }
.dsd-sf__n { font-weight: 700; opacity: 0.7; }
.dsd-scores { display: grid; gap: 10px; margin-block-start: 4px; }
.dsd-sg { border: 1px solid var(--dsd-line); border-radius: var(--dsd-r); overflow: hidden; background: var(--dsd-bg); }
.dsd-sg__h { display: flex; align-items: center; gap: 8px; margin: 0; padding: 9px 12px; background: var(--dsd-surface); font: 800 0.875rem/1.25 var(--dsd-ui); list-style: none; cursor: default; }
summary.dsd-sg__h { cursor: pointer; }
summary.dsd-sg__h::-webkit-details-marker { display: none; }
.dsd-sg__flag { flex: none; width: 20px; height: 14px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px var(--dsd-line); }
.dsd-sg__h .dsd-logo { width: 18px; height: 18px; }
.dsd-sg__title { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap; gap: 0 6px; }
.dsd-sg__title a { display: contents; }
.dsd-sg__title a:hover .dsd-sg__name { color: var(--dsd-link); }
.dsd-sg__country { color: var(--dsd-muted); font-weight: 700; }
.dsd-sg__country::after { content: ":"; }
.dsd-sg__n { flex: none; min-width: 22px; padding: 2px 6px; border-radius: 999px; background: var(--dsd-bg); font-size: 0.75rem; text-align: center; color: var(--dsd-muted); }
.dsd-sg__live { flex: none; display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; background: var(--dsd-live); color: #fff; font-size: 0.75rem; }
.dsd-sg__live .dsd-dot { background: #fff; }
.dsd-sg__caret { flex: none; color: var(--dsd-muted); transition: transform 0.2s; }
details.dsd-sg[open] .dsd-sg__caret { transform: rotate(180deg); }
.dsd-sg__rows[data-loading]::before { content: ""; display: block; height: 3px; background: linear-gradient(90deg, transparent, var(--dsd-accent), transparent); background-size: 50% 100%; animation: dsd-load 1s linear infinite; }
@keyframes dsd-load { from { background-position: -50% 0; } to { background-position: 150% 0; } }
.dsd-sr { display: grid; grid-template-columns: 3.4rem minmax(0, 1fr) 1.8rem; grid-template-rows: auto auto; align-items: center; column-gap: 8px; row-gap: 3px; padding: 8px 12px; color: inherit; text-decoration: none; }
.dsd-sr + .dsd-sr { border-block-start: 1px solid var(--dsd-line); }
a.dsd-sr:hover { background: var(--dsd-surface); }
.dsd-sr__st { grid-row: 1 / 3; display: flex; align-items: center; font-size: 0.8125rem; font-weight: 700; color: var(--dsd-muted); font-variant-numeric: tabular-nums; }
.dsd-sr.is-live .dsd-sr__st { color: var(--dsd-live); font-weight: 800; }
.dsd-sr__t { display: flex; align-items: center; gap: 7px; min-width: 0; font-size: 0.9375rem; font-weight: 600; line-height: 1.2; }
.dsd-sr__t span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsd-sr__t .dsd-logo, .dsd-sr__t .dsd-ph { width: 18px; height: 18px; }
.dsd-sr__t.is-win { font-weight: 800; }
.dsd-sr__g { text-align: end; font: 900 1rem/1 var(--dsd-display); font-variant-numeric: tabular-nums; }
.dsd-sr.is-live .dsd-sr__g { color: var(--dsd-live); }
.dsd-sr.is-done .dsd-sr__g:not(.is-win) { color: var(--dsd-muted); }
.dsd-sr.is-off { opacity: 0.6; }
.dsd-scores[data-f] .dsd-sr { display: none; }
.dsd-scores[data-f="live"] .dsd-sr[data-st="live"],
.dsd-scores[data-f="done"] .dsd-sr[data-st="done"],
.dsd-scores[data-f="soon"] .dsd-sr[data-st="soon"] { display: grid; }
.dsd-scores[data-f="live"] .dsd-sg:not([data-has~="live"]),
.dsd-scores[data-f="done"] .dsd-sg:not([data-has~="done"]),
.dsd-scores[data-f="soon"] .dsd-sg:not([data-has~="soon"]) { display: none; }
:lang(ar) .dsd-sr__t { font-size: 0.875rem; }
@media (min-width: 700px) {
	/* Time | home | 1 | 0 | away, like a scoreboard */
	.dsd-sr { grid-template-columns: 4rem minmax(0, 1fr) 1.7rem 1.7rem minmax(0, 1fr); grid-template-rows: auto; column-gap: 6px; padding-block: 9px; }
	.dsd-sr__st { grid-row: auto; order: 0; }
	.dsd-sr > span:nth-of-type(2) { order: 1; flex-direction: row-reverse; text-align: end; }
	.dsd-sr > b:nth-of-type(1) { order: 2; text-align: center; padding: 4px 0; border-radius: 6px; background: var(--dsd-surface); }
	.dsd-sr > b:nth-of-type(2) { order: 3; text-align: center; padding: 4px 0; border-radius: 6px; background: var(--dsd-surface); }
	.dsd-sr > span:nth-of-type(3) { order: 4; }
	.dsd-sr > b:empty { background: none; }
}
/* Link to the page from the score strip */
.dsd-strip__all { display: flex !important; align-items: center; justify-content: center; min-width: 120px !important; font-weight: 800; color: var(--dsd-hi, #e4f04a) !important; text-decoration: none; }

.dsd-cta { display: inline-flex; align-items: center; gap: 2px; margin-block-start: 10px; padding: 8px 14px; border-radius: 999px; background: var(--dsd-hi); color: var(--dsd-ink-strong) !important; font: 800 0.875rem/1 var(--dsd-ui); }

/* ======================================================================
 * Scores page, Transfermarkt style: sidebar with search and competitions,
 * boxes with a dark title bar, dense striped rows, boxed scores — v1.3.1
 * ==================================================================== */
.dsd-v-scores { --tm-head: var(--dsd-ink-strong); --tm-zebra: color-mix(in oklab, var(--dsd-surface) 75%, var(--dsd-bg)); --tm-r: 4px; max-width: 1200px; font-size: 0.875rem; }
.dsd-v-scores .dsd-sh { padding-block: 16px 10px; }
.dsd-v-scores .dsd-sh__title { font-size: clamp(1.5rem, 6vw, 2.125rem); }
.dsd-sl { display: grid; gap: 12px; }
.dsd-sm { min-width: 0; }

/* Sidebar */
.dsd-sx { display: grid; gap: 10px; align-content: start; min-width: 0; }
.dsd-sx__search { position: relative; display: block; }
.dsd-sx__search svg { position: absolute; inset-block-start: 50%; inset-inline-start: 11px; transform: translateY(-50%); color: var(--dsd-muted); pointer-events: none; }
.dsd-sx__search input { width: 100%; height: 42px; padding-inline: 38px 12px; border: 1px solid var(--dsd-line); border-radius: var(--tm-r); background: var(--dsd-bg); color: var(--dsd-ink); font: 600 0.9375rem/1 var(--dsd-ui); box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.05); }
.dsd-sx__search input:focus { outline: 2px solid var(--dsd-accent); outline-offset: 0; border-color: var(--dsd-accent); }
.dsd-sx__box { border: 1px solid var(--dsd-line); border-radius: var(--tm-r); overflow: hidden; background: var(--dsd-bg); box-shadow: 0 1px 2px rgb(0 0 0 / 0.06); }
.dsd-sx__h { display: flex; align-items: center; gap: 8px; padding: 9px 12px; background: var(--tm-head); color: #fff; font: 800 0.875rem/1.2 var(--dsd-ui); list-style: none; cursor: pointer; }
.dsd-sx__h::-webkit-details-marker { display: none; }
.dsd-sx__h .dsd-sg__caret { margin-inline-start: auto; color: rgb(255 255 255 / 0.75); }
.dsd-sx__picked { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--dsd-hi); }
.dsd-sx__box[open] .dsd-sg__caret { transform: rotate(180deg); }
.dsd-sx__list { max-height: 60vh; overflow-y: auto; overscroll-behavior: contain; }
.dsd-sx__list li + li { border-block-start: 1px solid var(--dsd-line); }
.dsd-cl { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 6px 12px; border: 0; background: none; color: var(--dsd-ink); font: 600 0.8125rem/1.25 var(--dsd-ui); text-align: start; cursor: pointer; }
.dsd-cl:hover { background: var(--tm-zebra); }
.dsd-cl[aria-pressed="true"] { background: color-mix(in oklab, var(--dsd-accent) 12%, var(--dsd-bg)); box-shadow: inset 3px 0 0 var(--dsd-accent); font-weight: 800; }
[dir="rtl"] .dsd-cl[aria-pressed="true"] { box-shadow: inset -3px 0 0 var(--dsd-accent); }
.dsd-cl__name { flex: 1 1 auto; min-width: 0; display: grid; }
.dsd-cl__name small { font-size: 0.6875rem; font-weight: 600; color: var(--dsd-muted); }
.dsd-cl__n { flex: none; font-size: 0.75rem; color: var(--dsd-muted); }
.dsd-cl .dsd-sg__flag { width: 18px; height: 12px; }

/* Days and state filters: squared tabs */
.dsd-v-scores .dsd-days { gap: 0; padding: 0; margin-block-end: 8px; border: 1px solid var(--dsd-line); border-radius: var(--tm-r); background: var(--dsd-bg); }
.dsd-v-scores .dsd-days__d { min-width: 64px; padding: 7px 8px; border: 0; border-inline-end: 1px solid var(--dsd-line); border-radius: 0; }
.dsd-v-scores .dsd-days__d[aria-current] { background: var(--tm-head); color: #fff; }
.dsd-v-scores .dsd-sf { padding-block: 6px; }
.dsd-v-scores .dsd-sf__b { min-height: 34px; padding: 0 12px; border-radius: var(--tm-r); font-size: 0.8125rem; }

/* Competition boxes */
.dsd-v-scores .dsd-scores { gap: 12px; }
.dsd-v-scores .dsd-sg { border-radius: var(--tm-r); box-shadow: 0 1px 2px rgb(0 0 0 / 0.06); }
.dsd-v-scores .dsd-sg__h { padding: 8px 12px; background: var(--tm-head); color: #fff; font-size: 0.8125rem; }
.dsd-v-scores .dsd-sg__country { color: rgb(255 255 255 / 0.7); }
.dsd-v-scores .dsd-sg__title a:hover .dsd-sg__name { color: var(--dsd-hi); }
.dsd-v-scores .dsd-sg__n { background: rgb(255 255 255 / 0.14); color: #fff; }
.dsd-v-scores .dsd-sg__caret { color: rgb(255 255 255 / 0.75); }
.dsd-v-scores .dsd-sg__flag { box-shadow: 0 0 0 1px rgb(255 255 255 / 0.35); }

/* Rows: dense, striped, scores in small boxes */
.dsd-v-scores .dsd-sr { padding: 6px 12px; column-gap: 8px; row-gap: 2px; }
.dsd-v-scores .dsd-sr + .dsd-sr { border-block-start: 0; }
.dsd-v-scores .dsd-sg__rows > .dsd-sr:nth-child(even) { background: var(--tm-zebra); }
.dsd-v-scores a.dsd-sr:hover { background: color-mix(in oklab, var(--dsd-accent) 8%, var(--dsd-bg)); }
.dsd-v-scores .dsd-sr__t { font-size: 0.875rem; }
.dsd-v-scores .dsd-sr__st { font-size: 0.75rem; white-space: nowrap; }
.dsd-v-scores .dsd-sr { grid-template-columns: 4.3rem minmax(0, 1fr) 1.9rem; }
.dsd-v-scores .dsd-sr__g { display: grid; place-items: center; min-width: 24px; height: 20px; padding: 0 4px; border: 1px solid var(--dsd-line); border-radius: 3px; background: var(--dsd-bg); font-size: 0.875rem; }
.dsd-v-scores .dsd-sr__g:empty { border-color: transparent; background: none; }
.dsd-v-scores .dsd-sr.is-live .dsd-sr__g { border-color: var(--dsd-live); background: color-mix(in oklab, var(--dsd-live) 10%, var(--dsd-bg)); }
.dsd-v-scores .dsd-sr.is-done .dsd-sr__g.is-win { border-color: var(--dsd-win); color: var(--dsd-win); }
.is-out { display: none !important; }
.dsd-scores__none { padding: 24px; text-align: center; border: 1px dashed var(--dsd-line); border-radius: var(--tm-r, 4px); }

@media (min-width: 700px) {
	.dsd-v-scores .dsd-sr { grid-template-columns: 4.6rem minmax(0, 1fr) 1.9rem 1.9rem minmax(0, 1fr); }
	.dsd-v-scores .dsd-sr > b:nth-of-type(1), .dsd-v-scores .dsd-sr > b:nth-of-type(2) { padding: 0; }
	.dsd-v-scores .dsd-sr > b:empty { border-color: transparent; background: none; }
}
@media (min-width: 900px) {
	.dsd-sl { grid-template-columns: 270px minmax(0, 1fr); gap: 20px; align-items: start; }
	.dsd-sx { position: sticky; inset-block-start: 76px; }
	.dsd-sx__h { cursor: default; }
	.dsd-sx__h .dsd-sg__caret { display: none; }
	.dsd-sx__list { max-height: calc(100vh - 190px); }
}

/* ======================================================================
 * Transfermarkt look for the football pages (club, player, competition,
 * match, hub): light grey page, white boxes with a dark title bar,
 * dense striped tables, a white data header. v1.4
 * ==================================================================== */
html[data-dphx-skin] body.dsd-page, html body.dsd-page { background: color-mix(in oklab, var(--surface, #eef0f4) 93%, var(--ink, #000)); }
.dsd-main-wrap { --tm-head: var(--dsd-ink-strong); --tm-zebra: color-mix(in oklab, var(--dsd-surface) 70%, var(--dsd-bg)); --tm-r: 4px; }
.dsd-main-wrap .dsd-profile, .dsd-main-wrap .dsd-v-hub, .dsd-main-wrap .dsd-v-league, .dsd-main-wrap .dsd-v-match { gap: 12px; }

/* Boxes: square corners, light shadow, a dark title bar on top */
.dsd-main-wrap .dsd-box { padding: 0 12px 12px; border-radius: var(--tm-r); box-shadow: 0 1px 2px rgb(0 0 0 / 0.07); overflow: clip; }
.dsd-main-wrap .dsd-box .dsd-head { margin: 0 -12px 12px; padding: 9px 12px; background: var(--tm-head); color: #fff; align-items: center; }
.dsd-main-wrap .dsd-box .dsd-title { font-size: 1rem; color: #fff; }
.dsd-main-wrap .dsd-box .dsd-title::before { display: none; }
.dsd-main-wrap .dsd-box .dsd-head .dsd-more { color: var(--dsd-hi); }
/* Later headings inside the same box become grey sub-bars */
.dsd-main-wrap .dsd-box > * + .dsd-head,
.dsd-main-wrap .dsd-box > * + .dsd > .dsd-head,
.dsd-main-wrap .dsd-box > .dsd > * + .dsd-head,
.dsd-main-wrap .dsd-split .dsd-head { margin-block: 14px 10px; background: var(--dsd-surface); color: var(--dsd-ink); border-block: 1px solid var(--dsd-line); }
.dsd-main-wrap .dsd-box > * + .dsd-head .dsd-title,
.dsd-main-wrap .dsd-box > * + .dsd > .dsd-head .dsd-title,
.dsd-main-wrap .dsd-box > .dsd > * + .dsd-head .dsd-title,
.dsd-main-wrap .dsd-split .dsd-head .dsd-title { color: var(--dsd-ink); font-size: 0.9375rem; }
.dsd-main-wrap .dsd-box > * + .dsd-head .dsd-more,
.dsd-main-wrap .dsd-box > * + .dsd > .dsd-head .dsd-more,
.dsd-main-wrap .dsd-split .dsd-head .dsd-more { color: var(--dsd-link); }
/* Two columns inside a box: each column gets its own bar */
.dsd-main-wrap .dsd-duo { margin-block: 12px 4px; }
.dsd-main-wrap .dsd-duo .dsd-head { margin-inline: 0; border-radius: var(--tm-r) var(--tm-r) 0 0; margin-block-end: 0; }
.dsd-main-wrap .dsd-duo .dsd-mh { border-radius: 0 0 var(--tm-r) var(--tm-r); }
.dsd-main-wrap .dsd-duo .dsd-head + .dsd-day, .dsd-main-wrap .dsd-duo .dsd-head + .dsd-fxs { margin-block-start: 10px; }
.dsd-main-wrap .dsd-box .dsd-head .dsd-pick__btn { border-color: rgb(255 255 255 / 0.35); background: rgb(255 255 255 / 0.1); color: #fff; }

/* Data header (club, player, competition) */
.dsd-main-wrap .dsd-hero { gap: 14px; padding: 16px 16px 0; border: 1px solid var(--dsd-line); border-block-start: 5px solid var(--dsd-c); border-radius: var(--tm-r); background: var(--dsd-bg); color: var(--dsd-ink); box-shadow: 0 1px 2px rgb(0 0 0 / 0.07); }
.dsd-main-wrap .dsd-hero::before { display: none; }
.dsd-main-wrap .dsd-hero__media { width: 88px; height: 88px; border-radius: var(--tm-r); border: 1px solid var(--dsd-line); box-shadow: none; }
.dsd-main-wrap .dsd-hero__media img, .dsd-main-wrap .dsd-hero__media .dsd-ph { width: 72px; height: 72px; }
.dsd-main-wrap .dsd-hero--person .dsd-hero__media { border-radius: var(--tm-r); border: 1px solid var(--dsd-line); background: var(--dsd-surface); }
.dsd-main-wrap .dsd-hero__kicker { color: var(--dsd-muted); opacity: 1; }
.dsd-main-wrap .dsd-hero__sub { color: var(--dsd-muted); }
/* Facts under the name, separated by thin lines */
.dsd-main-wrap .dsd-hero__chips { gap: 4px 0; }
.dsd-main-wrap .dsd-chip2 { padding: 2px 10px; border-radius: 0; background: none; color: var(--dsd-ink); font-size: 0.8125rem; font-weight: 600; }
.dsd-main-wrap .dsd-chip2:first-child { padding-inline-start: 0; }
.dsd-main-wrap .dsd-chip2 + .dsd-chip2 { border-inline-start: 1px solid var(--dsd-line); }
.dsd-main-wrap a.dsd-chip2 { color: var(--dsd-link); font-weight: 700; }
.dsd-main-wrap a.dsd-chip2:hover { background: none; text-decoration: underline; }
.dsd-main-wrap .dsd-chip2 .dsd-logo { background: none; padding: 0; }
/* Key numbers: one strip of cells with separators */
.dsd-main-wrap .dsd-hero__stats { margin-inline: -16px; border-block-start: 1px solid var(--dsd-line); }
.dsd-main-wrap .dsd-tiles--hero { gap: 0; grid-template-columns: repeat(auto-fit, minmax(min(120px, 50%), 1fr)); }
.dsd-main-wrap .dsd-tiles--hero .dsd-tile { padding: 10px 16px; border-radius: 0; background: none; backdrop-filter: none; border-inline-end: 1px solid var(--dsd-line); border-block-end: 1px solid var(--dsd-line); }
.dsd-main-wrap .dsd-tiles--hero .dsd-tile dt, .dsd-main-wrap .dsd-tiles--hero .dsd-tile__s { color: var(--dsd-muted); opacity: 1; }
.dsd-main-wrap .dsd-tiles--hero .dsd-tile__v { font-size: 1.375rem; color: var(--dsd-ink); }
.dsd-main-wrap .dsd-tiles--hero .dsd-f { box-shadow: none; }
.dsd-main-wrap .dsd-hero__links { padding-block-end: 14px; }
.dsd-main-wrap .dsd-hero > :last-child:not(.dsd-hero__links) { margin-block-end: 0; }
.dsd-main-wrap .dsd-hero:not(:has(.dsd-hero__stats, .dsd-hero__links)) { padding-block-end: 16px; }
.dsd-main-wrap .dsd-social { width: 32px; height: 32px; border-radius: var(--tm-r); background: var(--dsd-surface); color: var(--dsd-muted); }
.dsd-main-wrap .dsd-social:hover { background: var(--dsd-ink-strong); color: #fff; }

/* Section menu: a dark sub-navigation bar */
.dsd-main-wrap .dsd-pnav { gap: 0; padding: 0; border-radius: var(--tm-r); background: var(--tm-head); backdrop-filter: none; box-shadow: 0 1px 2px rgb(0 0 0 / 0.12); }
.dsd-main-wrap .dsd-pnav a { padding: 12px 14px; border-radius: 0; color: rgb(255 255 255 / 0.82); border-block-end: 3px solid transparent; }
.dsd-main-wrap .dsd-pnav a:hover, .dsd-main-wrap .dsd-pnav a:focus-visible { background: rgb(255 255 255 / 0.08); color: #fff; }
.dsd-main-wrap .dsd-pnav a.is-active { background: rgb(255 255 255 / 0.06); color: #fff; border-block-end-color: var(--dsd-hi); }

/* Factual paragraph inside a white box like the rest */
.dsd-main-wrap .dsd-about { padding: 14px 16px; border: 1px solid var(--dsd-line); border-radius: var(--tm-r); background: var(--dsd-bg); box-shadow: 0 1px 2px rgb(0 0 0 / 0.07); font-size: 1rem; }

/* Tables and lists: dense and striped */
.dsd-main-wrap .dsd-table-wrap, .dsd-main-wrap .dsd-fxs, .dsd-main-wrap .dsd-ldr, .dsd-main-wrap .dsd-polls { border-radius: var(--tm-r); }
.dsd-main-wrap .dsd-table th { background: var(--dsd-surface); border-block-end: 1px solid var(--dsd-line); }
.dsd-main-wrap .dsd-table tbody tr:nth-child(even):not(.is-focus):not(.dsd-squadt__grp) { background: var(--tm-zebra); }
.dsd-main-wrap .dsd-table td { padding-block: 7px; }
.dsd-main-wrap .dsd-fxs > .dsd-fx:nth-child(even) { background: var(--tm-zebra); }
.dsd-main-wrap .dsd-day { margin-block: 12px 6px; }

/* Tiles inside boxes: bordered cells */
.dsd-main-wrap .dsd-box .dsd-tile { border: 1px solid var(--dsd-line); border-radius: var(--tm-r); background: var(--dsd-bg); }
.dsd-main-wrap .dsd-box .dsd-trophy, .dsd-main-wrap .dsd-box .dsd-faq__item { border-radius: var(--tm-r); }

/* Squad table */
.dsd-squadt td, .dsd-squadt th { text-align: center; }
.dsd-squadt .dsd-l { text-align: start; }
.dsd-squadt thead th:first-child { width: 42px; }
.dsd-squadt .dsd-squadt__grp th { padding: 7px 10px; background: var(--dsd-surface); font-size: 0.8125rem; font-weight: 800; color: var(--dsd-ink); text-align: start; }
.dsd-squadt__grp span { color: var(--dsd-muted); font-weight: 700; margin-inline-start: 4px; }
.dsd-squadt__n { display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 4px; border-radius: 3px; background: var(--dsd-ink-strong); color: #fff; font: 800 0.8125rem/1 var(--dsd-ui); font-variant-numeric: tabular-nums; }
.dsd-squadt__p { display: flex; align-items: center; gap: 10px; min-width: 0; color: inherit; }
.dsd-squadt__p .dsd-avatar, .dsd-squadt__p .dsd-ph { width: 36px; height: 36px; border-radius: 3px; }
.dsd-squadt__p span { display: grid; min-width: 0; }
.dsd-squadt__p b { font-weight: 700; color: var(--dsd-link); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsd-squadt__p small { font-size: 0.75rem; color: var(--dsd-muted); }
.dsd-squadt__p:hover b { text-decoration: underline; }
@media (min-width: 700px) {
	.dsd-main-wrap .dsd-box { padding: 0 16px 16px; }
	.dsd-main-wrap .dsd-box .dsd-head { margin-inline: -16px; padding-inline: 16px; }
	.dsd-main-wrap .dsd-duo .dsd-head { margin-inline: 0; }
	.dsd-main-wrap .dsd-hero { padding: 20px 22px 0; }
	.dsd-main-wrap .dsd-hero__stats { margin-inline: -22px; }
	.dsd-main-wrap .dsd-hero__media { width: 112px; height: 112px; }
	.dsd-main-wrap .dsd-hero__media img, .dsd-main-wrap .dsd-hero__media .dsd-ph { width: 92px; height: 92px; }
}

/* Competition tabs: same dark bar as the section menu */
.dsd-main-wrap .dsd-subnav { gap: 0; padding: 0; border: 0; border-radius: var(--tm-r); background: var(--tm-head); box-shadow: 0 1px 2px rgb(0 0 0 / 0.12); overflow-x: auto; scrollbar-width: none; }
.dsd-main-wrap .dsd-subnav a { padding: 12px 14px; margin: 0; border: 0; border-radius: 0; border-block-end: 3px solid transparent; background: none; color: rgb(255 255 255 / 0.82); white-space: nowrap; }
.dsd-main-wrap .dsd-subnav a:hover { background: rgb(255 255 255 / 0.08); color: #fff; }
.dsd-main-wrap .dsd-subnav a[aria-current] { color: #fff; border-block-end-color: var(--dsd-hi); background: rgb(255 255 255 / 0.06); }

/* Score strip: club logos */
.dsd-score__t { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.dsd-score__t .dsd-logo, .dsd-score__t .dsd-ph { width: 18px; height: 18px; }
.dsd-strip .ls-score { min-width: 176px; }

/* Preferences panel (site header) */
.dsd-pp { width: min(320px, 92vw); padding: 14px; color: var(--dsd-ink); background: var(--dsd-bg); }
.dsd-pp__title { font: 900 1.125rem/1.2 var(--dsd-display); }
.dsd-pp__hint { margin-block: 4px 10px; font-size: 0.8125rem; line-height: 1.4; color: var(--dsd-muted); }
.dsd-pp__list { display: grid; gap: 4px; max-height: 60vh; overflow: auto; }
.dsd-pp__item { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 6px 10px; border: 1px solid var(--dsd-line); border-radius: 8px; background: var(--dsd-bg); color: var(--dsd-ink); font: 700 0.9375rem/1.2 var(--dsd-ui); text-align: start; cursor: pointer; }
.dsd-pp__item:hover { background: var(--dsd-surface); }
.dsd-pp__item[aria-current="true"] { border-color: var(--dsd-accent); box-shadow: inset 0 0 0 1px var(--dsd-accent); background: color-mix(in oklab, var(--dsd-accent) 8%, var(--dsd-bg)); }
.dsd-pp__item.is-detected { border-style: dashed; }
.dsd-pp__item span { display: grid; }
.dsd-pp__auto { display: grid; place-items: center; width: 22px; height: 22px; color: var(--dsd-accent); }
.dsd-pp__detected { font-size: 0.75rem; font-weight: 600; color: var(--dsd-muted); }