/* Match detail V15 — compact information architecture; data contracts are unchanged. */
html:root .pd-md-v13 { --pd-v15-gap:20px; }
html:root .pd-md-v13 > :is(.pd-v14-tactics,.pd-v15-history) { margin-top:var(--pd-v15-gap); }

/* Compact top: presentation only. Hero data, official outcomes and slip controls stay intact. */
html:root .pd-md-v13 .pd-md-hero {
    display:grid; grid-template-columns:minmax(0,1fr); gap:12px; box-sizing:border-box;
    padding:15px 20px 14px; background:radial-gradient(circle at 50% 5%,rgba(40,107,176,.18),transparent 48%),linear-gradient(135deg,var(--rt-surface-1),var(--rt-surface-2));
}
html:root .pd-md-v13 .pd-md-hero-top { display:flex; grid-area:auto; align-items:center; justify-content:space-between; gap:12px; min-width:0; }
html:root .pd-md-v13 .pd-v17-competition { display:flex; align-items:center; min-width:0; gap:7px; }
html:root .pd-md-v13 .pd-v17-competition .pd-md-hero-league { min-width:0; overflow:hidden; color:var(--rt-text); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
html:root .pd-md-v13 .pd-md-hero-state { flex:0 0 auto; margin:0; padding:4px 10px; border-radius:999px; background:rgba(20,184,138,.12); color:var(--rt-positive); font-size:9px; font-weight:800; }
html:root .pd-md-v13 .pd-v17-scoreboard { display:grid; grid-area:auto; grid-template-columns:minmax(0,1fr) minmax(112px,auto) minmax(0,1fr); align-items:center; width:100%; max-width:920px; margin:0 auto; gap:22px; }
html:root .pd-md-v13 .pd-v17-scoreboard .pd-md-hero-team { display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-rows:auto; align-items:center; justify-content:end; min-width:0; gap:12px; }
html:root .pd-md-v13 .pd-v17-scoreboard .pd-md-hero-team.is-away { grid-template-columns:minmax(0,1fr) auto; justify-content:start; }
html:root .pd-md-v13 .pd-v17-scoreboard .rt-team-logo,
html:root .pd-md-v13 .pd-v17-scoreboard .rt-team-logo img { width:52px; height:52px; }
html:root .pd-md-v13 .pd-v17-scoreboard .rt-team-logo { grid-area:auto; flex-basis:52px; }
html:root .pd-md-v13 .pd-v17-team-copy { min-width:0; }
html:root .pd-md-v13 .pd-v17-scoreboard .pd-md-hero-name { grid-area:auto; margin:0; overflow:hidden; font-size:24px; line-height:1.15; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
html:root .pd-md-v13 .pd-v17-scoreboard .is-away .pd-md-hero-name { grid-area:auto; text-align:right; }
html:root .pd-md-v13 .pd-v17-scoreboard .is-away .pd-v12-hero-form { justify-content:flex-end; }
html:root .pd-md-v13 .pd-v12-hero-form { gap:4px; }
html:root .pd-md-v13 .pd-v12-hero-form > span { width:17px; height:17px; font-size:8px; }
html:root .pd-md-v13 .pd-v12-hero-form .is-D { background:#d6a514; color:#fff3bd; }
html:root .pd-md-v13 .pd-v17-kickoff { display:flex; align-items:center; flex-direction:column; justify-content:center; min-width:0; color:var(--rt-text); text-align:center; }
html:root .pd-md-v13 .pd-v17-kickoff span { color:var(--rt-muted); font-size:10px; font-variant-numeric:tabular-nums; }
html:root .pd-md-v13 .pd-v17-kickoff strong { margin-top:1px; color:#f4f8ff; font-size:27px; line-height:1.05; font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
html:root .pd-md-v13 .pd-v17-kickoff.is-soon strong { color:var(--rt-negative); }
html:root .pd-md-v13 .pd-md-hero-solo { display:flex; grid-area:auto; align-items:center; justify-content:center; gap:20px; }
html:root .pd-md-v13 .pd-md-hero > .pd-md-probability {
    display:block; grid-area:auto; margin:0; padding:10px 0 0; border-top:1px solid rgba(91,142,205,.18);
}
html:root .pd-md-v13 .pd-md-hero .pd-md-prob-choices { display:flex; width:100%; max-width:920px; height:27px; margin:0 auto; overflow:hidden; gap:0; border-radius:7px; background:rgba(49,68,94,.44); }
html:root .pd-md-v13 .pd-md-hero .pd-md-prob-choice { display:flex; flex-grow:0; flex-shrink:1; grid-template:none; align-items:center; justify-content:center; min-width:0; gap:5px; box-sizing:border-box; padding:0 5px; color:#fff; background:#268fe8; }
html:root .pd-md-v13 .pd-md-hero .pd-md-prob-choice:nth-child(2) { background:#66758a; }
html:root .pd-md-v13 .pd-md-hero .pd-md-prob-choice:nth-child(3) { background:#7d50df; }
html:root .pd-md-v13 .pd-md-hero .pd-md-prob-choice strong { grid-area:auto; color:inherit; font-size:12px; font-variant-numeric:tabular-nums; }
html:root .pd-md-v13 .pd-md-hero .pd-md-prob-label { min-width:0; overflow:hidden; color:inherit; font-size:9px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }

html:root .pd-md-v13 #pd-predict .pd-md-lines { padding:14px 16px; }
html:root .pd-md-v13 #pd-predict .pd-md-lines > .pd-md-panel-head { padding-bottom:9px; }
html:root .pd-md-v13 #pd-predict .pd-v6-heading { align-items:center; }
html:root .pd-md-v13 #pd-predict .pd-v6-heading .pd-md-panel-title { font-size:20px; white-space:nowrap; }
html:root .pd-md-v13 #pd-predict .pd-md-mk { padding:7px 2px; }
html:root .pd-md-v13 #pd-predict .pd-md-mk:last-child { padding-bottom:0; }
html:root .pd-md-v13 #pd-predict .pd-md-mk-head { gap:7px; margin-bottom:5px; }
html:root .pd-md-v13 #pd-predict .pd-v7-market-icon { flex-basis:22px; width:22px; height:22px; }
html:root .pd-md-v13 #pd-predict .pd-md-mk-name { font-size:14px; }
html:root .pd-md-v13 #pd-predict .pd-md-lines .pd-md-out { min-height:50px; padding:7px 11px; }
html:root .pd-md-v13 #pd-predict .pd-md-out-name { font-size:11px; }
html:root .pd-md-v13 #pd-predict .pd-md-out-odds { font-size:14px; }

html:root .pd-md-v13 #pd-predict .pd-md-side .pd-md-panel-head { padding:12px 15px 9px; }
html:root .pd-md-v13 #pd-predict .pd-v7-slip-icon { width:24px; height:24px; border-radius:7px; }
html:root .pd-md-v13 #pd-predict .pd-v5-title-group .pd-md-panel-title { font-size:17px; }
html:root .pd-md-v13 #pd-predict :is(#pdMdForm,.pd-md-guest) { gap:7px; padding:9px 12px 10px; }
html:root .pd-md-v13 #pd-predict #pdMdForm > .pd-md-empty:not([hidden]),
html:root .pd-md-v13 #pd-predict .pd-v7-slip-empty { min-height:70px; padding:8px 10px; gap:3px; }
html:root .pd-md-v13 #pd-predict .pd-v7-empty-icon { width:28px; height:28px; margin-bottom:0; border-radius:9px; font-size:16px; }
html:root .pd-md-v13 #pd-predict .pd-v7-slip-empty strong { font-size:13px; }
html:root .pd-md-v13 #pd-predict .pd-v7-slip-empty > span:last-child,
html:root .pd-md-v13 #pd-predict .pd-v7-login-note { font-size:9px; line-height:1.35; }
html:root .pd-md-v13 #pd-predict .pd-md-guest .pd-md-cta,
html:root .pd-md-v13 #pd-predict .pd-md-cta { min-height:40px; }
html:root .pd-md-v13 #pd-predict #pdMdForm > .pd-md-pick:not([hidden]) { padding:10px 11px; }
html:root .pd-md-v13 #pd-predict .pd-md-field-head { margin-bottom:5px; }
html:root .pd-md-v13 #pd-predict .pd-v4-summary { padding:8px 10px; }

/* Always-on player information; the complete V14 board remains unchanged. */
html:root .pd-md-v13 .pd-v14-tactics { padding:0; border:1px solid rgba(91,142,205,.22); border-radius:12px; overflow:hidden; }
html:root .pd-md-v13 .pd-v15-lineup-header { padding:15px 18px; }
html:root .pd-md-v13 .pd-v15-lineup-heading { display:flex; align-items:center; gap:10px; }
html:root .pd-md-v13 .pd-v15-lineup-heading h3 { display:flex; align-items:center; gap:8px; margin:0; color:#f2f7ff; font-size:18px; }
html:root .pd-md-v13 .pd-v15-lineup-content { padding:0 14px 14px; border-top:1px solid rgba(91,142,205,.16); }

/* One history section, two views. Existing lists and load-more controls stay intact. */
html:root .pd-md-v13 .pd-v15-history { padding:16px 18px 18px; border:1px solid rgba(91,142,205,.22); border-radius:12px; background:rgba(8,25,44,.72); }
html:root .pd-md-v13 .pd-v15-history-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; }
html:root .pd-md-v13 .pd-v15-history-head h2 { display:flex; align-items:center; gap:8px; margin:0; color:#f0f6ff; font-size:18px; }
html:root .pd-md-v13 .pd-v15-tabs { display:flex; padding:3px; border:1px solid rgba(91,142,205,.18); border-radius:9px; background:rgba(4,16,30,.44); }
html:root .pd-md-v13 .pd-v15-tabs button { min-width:92px; padding:7px 13px; border:0; border-radius:7px; background:transparent; color:#8da2c0; font:inherit; font-size:11px; font-weight:750; cursor:pointer; }
html:root .pd-md-v13 .pd-v15-tabs button[aria-selected="true"] { background:linear-gradient(135deg,rgba(68,91,205,.9),rgba(63,96,188,.9)); color:#fff; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form,
html:root .pd-md-v13 .pd-v15-history .pd-md-h2h { margin:0; padding:0; border:0; background:transparent; box-shadow:none; }
html:root .pd-md-v13 .pd-v15-history .pd-md-panel-head { display:none; }
html:root .pd-md-v13 [data-pd-tab-panel][hidden] { display:none !important; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-cols { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-col { min-width:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-col + .pd-md-form-col { padding-left:18px; border-left:1px solid rgba(91,142,205,.22); }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-row { grid-template-columns:38px minmax(0,1fr) auto 20px; gap:8px; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-match { display:flex; align-items:center; min-width:0; gap:5px; overflow:hidden; color:var(--rt-text-2); white-space:nowrap; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-match > span:not(.pd-md-form-vs) { min-width:0; overflow:hidden; text-overflow:ellipsis; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-vs { flex:none; color:var(--rt-muted); font-size:9px; }

/* H2H: the first ten stored scorelines drive one compact, auditable summary. */
html:root .pd-md-v13 .pd-v16-h2h-summary { padding:15px; border:1px solid rgba(91,142,205,.18); border-radius:11px; background:rgba(5,18,33,.38); }
html:root .pd-md-v13 .pd-v16-h2h-scoreline { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:14px; }
html:root .pd-md-v13 .pd-v16-h2h-team { display:flex; align-items:center; gap:9px; min-width:0; color:#eef5ff; }
html:root .pd-md-v13 .pd-v16-h2h-team.is-away { justify-content:flex-end; text-align:right; }
html:root .pd-md-v13 .pd-v16-h2h-team strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; }
html:root .pd-md-v13 .pd-v16-h2h-team .rt-team-logo,
html:root .pd-md-v13 .pd-v16-h2h-team .rt-team-logo img { width:28px; height:28px; }
html:root .pd-md-v13 .pd-v16-h2h-team .rt-team-logo { flex:0 0 28px; }
html:root .pd-md-v13 .pd-v16-h2h-record { text-align:center; }
html:root .pd-md-v13 .pd-v16-h2h-record small { display:block; margin-bottom:5px; color:#8da4c3; font-size:11px; }
html:root .pd-md-v13 .pd-v16-h2h-record > div { display:flex; align-items:center; justify-content:center; gap:15px; }
html:root .pd-md-v13 .pd-v16-h2h-record b { font-size:18px; font-variant-numeric:tabular-nums; }
html:root .pd-md-v13 .pd-v16-h2h-record .is-home { color:#45a4ff; }
html:root .pd-md-v13 .pd-v16-h2h-record .is-draw { color:#a9b6c8; }
html:root .pd-md-v13 .pd-v16-h2h-record .is-away { color:#ef5b6a; }
html:root .pd-md-v13 .pd-v16-h2h-bar { display:flex; height:18px; margin-top:13px; overflow:hidden; border-radius:6px; background:rgba(63,84,111,.3); }
html:root .pd-md-v13 .pd-v16-h2h-bar > span { display:flex; min-width:0; align-items:center; justify-content:center; overflow:hidden; color:#fff; font-size:10px; font-weight:750; font-variant-numeric:tabular-nums; }
html:root .pd-md-v13 .pd-v16-h2h-bar i { overflow:hidden; font-style:normal; white-space:nowrap; }
html:root .pd-md-v13 .pd-v16-h2h-bar .is-home { background:#258ff0; }
html:root .pd-md-v13 .pd-v16-h2h-bar .is-draw { background:#718095; }
html:root .pd-md-v13 .pd-v16-h2h-bar .is-away { background:#e43d4d; }
html:root .pd-md-v13 .pd-v16-h2h-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:12px; }
html:root .pd-md-v13 .pd-v16-h2h-stat { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:3px 10px; padding:10px 12px; border:1px solid rgba(91,142,205,.14); border-radius:9px; background:rgba(14,36,59,.45); }
html:root .pd-md-v13 .pd-v16-h2h-stat:only-child { grid-column:1/-1; }
html:root .pd-md-v13 .pd-v16-h2h-stat small { color:#8da4c3; font-size:10px; }
html:root .pd-md-v13 .pd-v16-h2h-stat strong { color:#f2f7ff; font-size:17px; font-variant-numeric:tabular-nums; }
html:root .pd-md-v13 .pd-v16-h2h-stat span { min-width:0; overflow:hidden; color:#adc0da; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
html:root .pd-md-v13 .pd-v16-h2h-stat em { color:#6faeff; font-size:10px; font-style:normal; text-align:right; }
html:root .pd-md-v13 .pd-v16-h2h-list-title { margin:15px 0 4px; color:#dce9fb; font-size:13px; }
html:root .pd-md-v13 .pd-v15-history .pd-md-h2h-row { grid-template-columns:72px minmax(0,1fr) auto 20px minmax(0,120px); gap:9px; }
html:root .pd-md-v13 .pd-v16-h2h-match { display:flex; align-items:center; min-width:0; gap:5px; overflow:hidden; color:var(--rt-text-2); white-space:nowrap; }
html:root .pd-md-v13 .pd-v16-h2h-match > span { min-width:0; overflow:hidden; text-overflow:ellipsis; }
html:root .pd-md-v13 .pd-v16-h2h-vs { flex:none; color:var(--rt-muted); font-size:9px; font-style:normal; }
html:root .pd-md-v13 .pd-v15-history .pd-md-h2h-row .pd-md-form-badge { width:20px; }

/* Bench, availability and stored-history cards. Data order and pagination contracts stay unchanged. */
html:root .pd-md-v13 .pd-v14-benches { gap:14px; margin-top:14px; }
html:root .pd-md-v13 .pd-v14-bench { padding:12px; border-color:rgba(74,137,210,.25); border-radius:11px; background:linear-gradient(145deg,rgba(11,31,53,.92),rgba(6,20,37,.78)); }
html:root .pd-md-v13 .pd-v14-bench .pd-v18-team-card-head { display:flex; align-items:center; gap:9px; margin:0; padding:0 2px 10px; border-bottom:1px solid rgba(91,142,205,.18); }
html:root .pd-md-v13 .pd-v18-team-card-head .rt-team-logo,
html:root .pd-md-v13 .pd-v18-availability-head .rt-team-logo { position:relative; display:inline-grid; flex:0 0 25px; width:25px; height:25px; place-items:center; overflow:hidden; border-radius:6px; background:rgba(23,44,69,.72); }
html:root .pd-md-v13 .pd-v18-team-card-head .rt-team-logo img,
html:root .pd-md-v13 .pd-v18-availability-head .rt-team-logo img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; background:#0b192b; }
html:root .pd-md-v13 .pd-v18-team-card-title { display:flex; min-width:0; align-items:baseline; gap:7px; }
html:root .pd-md-v13 .pd-v18-team-card-title strong { color:#f2f7ff; font-size:14px; white-space:nowrap; }
html:root .pd-md-v13 .pd-v18-team-card-title small { min-width:0; overflow:hidden; color:#8da4c3; font-size:12px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
html:root .pd-md-v13 .pd-v14-bench ul { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:10px; }
html:root .pd-md-v13 .pd-v14-bench li { display:grid; grid-template-columns:28px minmax(0,1fr) auto; min-height:38px; gap:8px; box-sizing:border-box; padding:5px 7px; border:1px solid rgba(91,142,205,.13); border-radius:8px; background:rgba(17,39,65,.68); }
html:root .pd-md-v13 .pd-v14-bench li .pd-v18-shirt { display:grid; width:27px; height:27px; place-items:center; border:1px solid rgba(107,181,255,.66); border-radius:50%; background:linear-gradient(145deg,#246fc5,#124b91); color:#fff; font-size:12px; font-weight:800; box-shadow:inset 0 1px 0 rgba(255,255,255,.14); }
html:root .pd-md-v13 .pd-v18-bench-name { min-width:0; overflow:hidden; color:#e7f0fc; font-size:13px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
html:root .pd-md-v13 .pd-v18-position { padding:3px 5px; border-radius:5px; background:rgba(38,113,177,.42); color:#a9d7ff; font-size:10px; font-weight:800; line-height:1; }

html:root .pd-md-v13 .pd-v14-tactics .pd-v18-availability { margin-top:14px; padding:0; border:0; }
html:root .pd-md-v13 .pd-v18-availability > h4 { margin:0 0 8px; color:#f0f6ff; font-size:14px; }
html:root .pd-md-v13 .pd-v14-tactics .pd-v18-availability .pd-v13-availability-cols { gap:14px; }
html:root .pd-md-v13 .pd-v18-availability .pd-v13-availability-team,
html:root .pd-md-v13 .pd-v18-availability .pd-v13-availability-team + .pd-v13-availability-team { min-width:0; padding:11px; border:1px solid rgba(91,142,205,.2); border-radius:11px; background:linear-gradient(145deg,rgba(11,31,53,.88),rgba(6,20,37,.72)); }
html:root .pd-md-v13 .pd-v18-availability-head { display:flex; align-items:center; min-width:0; gap:8px; padding-bottom:8px; border-bottom:1px solid rgba(91,142,205,.16); }
html:root .pd-md-v13 .pd-v18-availability-head strong { min-width:0; overflow:hidden; color:#eef5ff; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
html:root .pd-md-v13 .pd-v18-availability-head small { flex:none; margin-left:auto; color:#8199b9; font-size:11px; }
html:root .pd-md-v13 .pd-v18-availability .pd-v13-availability-team ul { display:grid; gap:6px; margin-top:8px; }
html:root .pd-md-v13 .pd-v18-availability .pd-v13-availability-team li { display:grid; grid-template-columns:22px minmax(0,1fr); gap:8px; padding:8px 9px; border:1px solid rgba(91,142,205,.12); border-radius:8px; background:rgba(17,39,65,.58); }
html:root .pd-md-v13 .pd-v18-availability .pd-v13-availability-status { width:22px; height:22px; margin-top:1px; }
html:root .pd-md-v13 .pd-v18-availability .pd-v13-availability-status .pd-v9-icon { width:17px; height:17px; flex-basis:17px; }
html:root .pd-md-v13 .pd-v18-availability .pd-v13-availability-status.is-red-card { color:#ff4d5f; }
html:root .pd-md-v13 .pd-v18-availability-copy { display:flex; min-width:0; flex-direction:column; gap:3px; }
html:root .pd-md-v13 .pd-v18-availability-name { display:flex; min-width:0; align-items:center; gap:7px; }
html:root .pd-md-v13 .pd-v18-availability-name b { min-width:0; overflow:hidden; color:#eef5ff; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
html:root .pd-md-v13 .pd-v18-availability-name small { flex:none; padding:3px 6px; border-radius:999px; background:rgba(219,55,70,.24); color:#ff8b96; font-size:10px; font-weight:800; line-height:1; }
html:root .pd-md-v13 .pd-v18-availability-name small.is-doubtful { background:rgba(202,147,40,.2); color:#f2c06e; }
html:root .pd-md-v13 .pd-v18-availability-name small.is-suspended { background:rgba(132,79,201,.22); color:#c6a2ff; }
html:root .pd-md-v13 .pd-v18-availability-meta { display:flex; min-width:0; flex-wrap:wrap; gap:3px 8px; color:#879dbb; font-size:11px; line-height:1.35; }
html:root .pd-md-v13 .pd-v18-availability-meta span + span::before { content:"·"; margin-right:8px; color:#516b8d; }
html:root .pd-md-v13 .pd-v18-availability-empty { margin:8px 0 0; padding:9px; border-radius:8px; background:rgba(17,39,65,.4); color:#7087a8; font-size:10px; text-align:center; }

html:root .pd-md-v13 .pd-v15-history .pd-md-form-cols { gap:14px; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-col,
html:root .pd-md-v13 .pd-v15-history .pd-md-form-col + .pd-md-form-col { padding:12px; border:1px solid rgba(91,142,205,.2); border-radius:11px; background:linear-gradient(145deg,rgba(11,31,53,.82),rgba(6,20,37,.68)); }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-team { min-height:26px; margin:0 0 7px; padding:0 1px 8px; border-bottom:1px solid rgba(91,142,205,.18); }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-name { min-width:0; overflow:hidden; color:#eef5ff; font-size:13px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-n { margin-left:auto; color:#7f9abb; font-size:9px; white-space:nowrap; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-list,
html:root .pd-md-v13 .pd-v15-history .pd-md-h2h-list { margin:0; padding:0; list-style:none; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-row { grid-template-columns:34px minmax(0,1fr) auto 22px; min-height:34px; gap:7px; padding:6px 1px; border-top:1px solid rgba(91,142,205,.11); }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-row:first-child { border-top:0; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-date { color:#7890ae; font-size:9px; font-variant-numeric:tabular-nums; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-match { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:5px; color:#d7e3f2; font-size:10px; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-match > span:not(.pd-md-form-vs) { overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:anywhere; line-height:1.25; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-match > span:first-child { text-align:right; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-match > span:last-child { text-align:left; }
html:root .pd-md-v13 .pd-v15-history :is(.pd-md-form-score,.pd-md-h2h-score) { color:#f3f7fc; font-size:11px; font-weight:800; font-variant-numeric:tabular-nums; white-space:nowrap; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-badge { display:grid; width:22px; height:20px; place-items:center; border-radius:5px; color:#fff; font-size:9px; font-weight:850; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-badge.is-W { background:#078958; color:#fff; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-badge.is-D { background:#eab308; color:#fff; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-badge.is-L { background:#cf304b; color:#fff; }
html:root .pd-md-v13 .pd-v15-history .pd-md-more { margin-top:10px; text-align:center; }
html:root .pd-md-v13 .pd-v15-history .pd-md-more-btn { min-height:30px; padding:5px 13px; border:1px solid rgba(91,142,205,.28); border-radius:8px; background:rgba(30,58,93,.62); color:#dce9fa; font-size:10px; }
html:root .pd-md-v13 .pd-v15-history .pd-md-more-btn:hover:not(:disabled) { border-color:rgba(100,174,246,.55); background:rgba(38,75,118,.72); }
html:root .pd-md-v13 .pd-v15-history .pd-md-h2h-row { min-height:36px; padding:6px 4px; border-top:1px solid rgba(91,142,205,.11); }
html:root .pd-md-v13 .pd-v15-history .pd-md-h2h-row:first-child { border-top:0; }

/* The empty discussion remains functional without becoming a large visual block. */
html:root .pd-md-v13 #pd-comments { padding-top:14px; padding-bottom:14px; }
html:root .pd-md-v13 #pd-comments .pd-md-panel-head { margin-bottom:8px; }
html:root .pd-md-v13 #pd-comments .pd-md-cempty { min-height:0; padding:8px 0; }

@media(max-width:900px) {
    html:root .pd-md-v13 { --pd-v15-gap:16px; }
}

@media(max-width:700px) {
    html:root .pd-md-v13 .pd-md-hero { padding:10px; gap:10px; }
    html:root .pd-md-v13 .pd-md-hero-top { gap:7px; }
    html:root .pd-md-v13 .pd-v17-competition { gap:4px; }
    html:root .pd-md-v13 .pd-v17-competition .pd-v3-sport { display:none; }
    html:root .pd-md-v13 .pd-v17-competition .pd-md-hero-league { font-size:10px; }
    html:root .pd-md-v13 .pd-md-hero-state { padding:3px 7px; font-size:8px; }
    html:root .pd-md-v13 .pd-v17-scoreboard { grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr); gap:5px; }
    html:root .pd-md-v13 .pd-v17-scoreboard .pd-md-hero-team,
    html:root .pd-md-v13 .pd-v17-scoreboard .pd-md-hero-team.is-away { display:flex; align-items:center; flex-direction:column; justify-content:center; gap:4px; }
    html:root .pd-md-v13 .pd-v17-scoreboard .pd-md-hero-team .rt-team-logo { order:1; }
    html:root .pd-md-v13 .pd-v17-scoreboard .pd-md-hero-team .pd-v17-team-copy { order:2; }
    html:root .pd-md-v13 .pd-v17-scoreboard .is-away .rt-team-logo { order:1; }
    html:root .pd-md-v13 .pd-v17-scoreboard .is-away .pd-v17-team-copy { order:2; }
    html:root .pd-md-v13 .pd-v17-scoreboard .rt-team-logo,
    html:root .pd-md-v13 .pd-v17-scoreboard .rt-team-logo img { width:36px; height:36px; }
    html:root .pd-md-v13 .pd-v17-scoreboard .rt-team-logo { flex-basis:36px; }
    html:root .pd-md-v13 .pd-v17-scoreboard .pd-md-hero-name,
    html:root .pd-md-v13 .pd-v17-scoreboard .is-away .pd-md-hero-name { max-width:100%; font-size:14px; line-height:1.2; text-align:center; }
    html:root .pd-md-v13 .pd-v17-scoreboard .pd-v12-hero-form,
    html:root .pd-md-v13 .pd-v17-scoreboard .is-away .pd-v12-hero-form { justify-content:center; }
    html:root .pd-md-v13 .pd-v17-kickoff span { font-size:8px; }
    html:root .pd-md-v13 .pd-v17-kickoff strong { font-size:19px; }
    html:root .pd-md-v13 .pd-md-hero > .pd-md-probability { padding-top:8px; }
    html:root .pd-md-v13 .pd-md-hero .pd-md-prob-choices { height:34px; }
    html:root .pd-md-v13 .pd-md-hero .pd-md-prob-choice { flex-direction:column; gap:0; padding:2px; }
    html:root .pd-md-v13 .pd-md-hero .pd-md-prob-choice strong { font-size:11px; line-height:1.1; }
    html:root .pd-md-v13 .pd-md-hero .pd-md-prob-label { font-size:8px; line-height:1.1; }
    html:root .pd-md-v13 #pd-predict .pd-md-lines { padding:11px 9px; }
    html:root .pd-md-v13 #pd-predict .pd-md-lines > .pd-md-panel-head { align-items:center; gap:7px; padding-bottom:8px; }
    html:root .pd-md-v13 #pd-predict .pd-v6-heading .pd-md-panel-title { font-size:17px; }
    html:root .pd-md-v13 #pd-predict .pd-md-mk { padding:7px 1px; }
    html:root .pd-md-v13 #pd-predict .pd-md-lines .pd-md-out { min-height:52px; padding:7px 5px; }
    html:root .pd-md-v13 #pd-predict .pd-md-out-name { font-size:9px; }
    html:root .pd-md-v13 #pd-predict .pd-md-out-odds { font-size:14px; }
    html:root .pd-md-v13 #pd-predict .pd-md-side .pd-md-panel-head { padding:11px 12px 8px; }
    html:root .pd-md-v13 #pd-predict :is(#pdMdForm,.pd-md-guest) { padding:8px 11px 9px; }
    html:root .pd-md-v13 #pd-predict #pdMdForm > .pd-md-empty:not([hidden]),
    html:root .pd-md-v13 #pd-predict .pd-v7-slip-empty { min-height:64px; }
    html:root .pd-md-v13 .pd-v15-lineup-header { padding:13px 12px; }
    html:root .pd-md-v13 .pd-v15-lineup-heading { justify-content:space-between; }
    html:root .pd-md-v13 .pd-v15-lineup-heading h3 { font-size:16px; }
    html:root .pd-md-v13 .pd-v15-lineup-content { padding:0 7px 9px; }
    html:root .pd-md-v13 .pd-v14-bench ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
    html:root .pd-md-v13 .pd-v14-tactics .pd-v18-availability .pd-v13-availability-cols { grid-template-columns:minmax(0,1fr); gap:8px; }
    html:root .pd-md-v13 .pd-v18-availability .pd-v13-availability-team + .pd-v13-availability-team { margin-top:0; padding:11px; border:1px solid rgba(91,142,205,.2); }
    html:root .pd-md-v13 .pd-v15-history { padding:14px 10px; }
    html:root .pd-md-v13 .pd-v15-history-head { align-items:flex-start; flex-direction:column; }
    html:root .pd-md-v13 .pd-v15-history-head h2 { font-size:16px; }
    html:root .pd-md-v13 .pd-v15-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; box-sizing:border-box; }
    html:root .pd-md-v13 .pd-v15-tabs button { min-width:0; }
    html:root .pd-md-v13 .pd-v15-history .pd-md-form-cols { grid-template-columns:minmax(0,1fr); gap:0; }
    html:root .pd-md-v13 .pd-v15-history .pd-md-form-col,
    html:root .pd-md-v13 .pd-v15-history .pd-md-form-col + .pd-md-form-col { margin-top:0; padding:10px; border:1px solid rgba(91,142,205,.2); }
    html:root .pd-md-v13 .pd-v15-history .pd-md-form-col + .pd-md-form-col { margin-top:10px; }
    html:root .pd-md-v13 .pd-v15-history .pd-md-form-row { grid-template-columns:32px minmax(0,1fr) auto 22px; gap:5px; }
    html:root .pd-md-v13 .pd-v15-history .pd-md-form-match { gap:3px; font-size:10px; }
    html:root .pd-md-v13 .pd-v16-h2h-summary { padding:11px 9px; }
    html:root .pd-md-v13 .pd-v16-h2h-scoreline { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:6px; }
    html:root .pd-md-v13 .pd-v16-h2h-team { gap:5px; }
    html:root .pd-md-v13 .pd-v16-h2h-team strong { font-size:12px; }
    html:root .pd-md-v13 .pd-v16-h2h-team .rt-team-logo,
    html:root .pd-md-v13 .pd-v16-h2h-team .rt-team-logo img { width:24px; height:24px; }
    html:root .pd-md-v13 .pd-v16-h2h-team .rt-team-logo { flex-basis:24px; }
    html:root .pd-md-v13 .pd-v16-h2h-record small { font-size:9px; }
    html:root .pd-md-v13 .pd-v16-h2h-record > div { gap:7px; }
    html:root .pd-md-v13 .pd-v16-h2h-record b { font-size:14px; }
    html:root .pd-md-v13 .pd-v16-h2h-bar { height:15px; margin-top:10px; }
    html:root .pd-md-v13 .pd-v16-h2h-bar > span { font-size:8px; }
    html:root .pd-md-v13 .pd-v16-h2h-stats { grid-template-columns:minmax(0,1fr); gap:6px; margin-top:9px; }
    html:root .pd-md-v13 .pd-v16-h2h-stat { padding:8px 9px; }
    html:root .pd-md-v13 .pd-v16-h2h-list-title { margin-top:12px; }
    html:root .pd-md-v13 .pd-v15-history .pd-md-h2h-row { grid-template-columns:62px minmax(0,1fr) auto 20px; gap:6px; font-size:11px; }
    html:root .pd-md-v13 .pd-v15-history .pd-md-h2h-lg { display:block; grid-column:2/-1; text-align:left; font-size:9px; }
    html:root .pd-md-v13 .pd-v16-h2h-match { gap:3px; }
}

@media(max-width:480px) {
    html:root .pd-md-v13 .pd-v14-bench ul { grid-template-columns:minmax(0,1fr); }
    html:root .pd-md-v13 .pd-v18-bench-name,
    html:root .pd-md-v13 .pd-v18-availability-name b { overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:anywhere; }
    html:root .pd-md-v13 .pd-v15-history .pd-md-form-row { grid-template-columns:29px minmax(0,1fr) auto 21px; gap:4px; }
    html:root .pd-md-v13 .pd-v15-history .pd-md-form-match { gap:3px; font-size:9px; }
    html:root .pd-md-v13 .pd-v15-history .pd-md-form-date { font-size:8px; }
    html:root .pd-md-v13 .pd-v15-history :is(.pd-md-form-score,.pd-md-h2h-score) { font-size:10px; }
}

/* Stored history alignment: equal outer tracks keep every fixture on the card's true center axis. */
html:root .pd-md-v13 .pd-v15-history .pd-md-form-team { min-height:32px; padding-bottom:10px; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-name { font-size:15px; }
html:root .pd-md-v13 .pd-v15-history .pd-md-form-n { font-size:11px; }
html:root .pd-md-v13 .pd-v15-history :is(.pd-md-form-row,.pd-md-h2h-row) {
    display:grid; grid-template-columns:82px minmax(0,1fr) 82px; align-items:center;
    min-height:48px; column-gap:0; box-sizing:border-box; padding:8px 6px;
}
html:root .pd-md-v13 .pd-v15-history :is(.pd-md-form-date,.pd-md-h2h-date) {
    grid-column:1; grid-row:1; justify-self:start; color:#8ba2bf; font-size:12px; font-variant-numeric:tabular-nums; white-space:nowrap;
}
html:root .pd-md-v13 .pd-v15-history :is(.pd-md-form-match,.pd-v16-h2h-match) {
    display:block; grid-column:2; grid-row:1; justify-self:center;
    width:max-content; max-width:100%; min-width:0; overflow:visible;
    color:#e2ebf7; font-size:14px; font-weight:650; line-height:1.3; text-align:center; white-space:normal;
}
html:root .pd-md-v13 .pd-v15-history :is(.pd-md-form-match,.pd-v16-h2h-match) > span:not(.pd-md-form-vs):not(.pd-v16-h2h-vs) {
    display:inline; min-width:0; overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:anywhere;
}
html:root .pd-md-v13 .pd-v15-history .pd-md-form-match > .pd-md-form-focus { color:#67b7ff; font-weight:700; }
html:root .pd-md-v13 .pd-v15-history :is(.pd-md-form-vs,.pd-v16-h2h-vs) {
    display:inline; margin:0 8px; color:#6f87a7; font-size:11px; font-style:normal; font-weight:600;
}
html:root .pd-md-v13 .pd-v15-history :is(.pd-md-form-score,.pd-md-h2h-score) {
    grid-column:3; grid-row:1; justify-self:start; color:#f5f8fc; font-size:14px; font-weight:850;
}
html:root .pd-md-v13 .pd-v15-history .pd-md-form-badge {
    grid-column:3; grid-row:1; justify-self:end; width:26px; height:24px; border-radius:6px; font-size:12px;
}
html:root .pd-md-v13 .pd-v15-history .pd-md-form-badge:is(.is-W,.is-D,.is-L) { font-weight:700; }
html:root .pd-md-v13 .pd-v15-history .pd-md-h2h-row { min-height:58px; }
html:root .pd-md-v13 .pd-v15-history .pd-md-h2h-lg {
    display:block; grid-column:2; grid-row:2; justify-self:center; margin-top:4px;
    color:#7188a6; font-size:10px; line-height:1.25; text-align:center; white-space:normal; overflow-wrap:anywhere;
}
html:root .pd-md-v13 .pd-v16-h2h-list-title { font-size:14px; }
html:root .pd-md-v13 .pd-v15-tabs button { font-size:12px; }

@media(max-width:700px) {
    html:root .pd-md-v13 .pd-v15-history .pd-md-form-name { font-size:14px; }
    html:root .pd-md-v13 .pd-v15-history :is(.pd-md-form-row,.pd-md-h2h-row) {
        grid-template-columns:68px minmax(0,1fr) 68px; min-height:52px; padding:8px 2px;
    }
    html:root .pd-md-v13 .pd-v15-history :is(.pd-md-form-date,.pd-md-h2h-date) { font-size:11px; }
    html:root .pd-md-v13 .pd-v15-history :is(.pd-md-form-match,.pd-v16-h2h-match) { font-size:13px; }
    html:root .pd-md-v13 .pd-v15-history :is(.pd-md-form-vs,.pd-v16-h2h-vs) { margin:0 5px; }
    html:root .pd-md-v13 .pd-v15-history :is(.pd-md-form-score,.pd-md-h2h-score) { font-size:13px; }
    html:root .pd-md-v13 .pd-v15-history .pd-md-form-badge { width:25px; height:23px; font-size:11px; }
    html:root .pd-md-v13 .pd-v15-history .pd-md-h2h-row { min-height:62px; }
    html:root .pd-md-v13 .pd-v15-history .pd-md-h2h-lg { grid-column:2; font-size:9px; }
}