/* 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-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; }

/* 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-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 + .pd-md-form-col { margin-top:14px; padding:14px 0 0; border-top:1px solid rgba(91,142,205,.22); border-left:0; }
    html:root .pd-md-v13 .pd-v15-history .pd-md-form-row { grid-template-columns:34px minmax(0,1fr) auto 20px; gap:6px; }
    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; }
}