/* Card-in-card reduction for match detail. Presentation only. */

/* Level 1: retain the odds and slip surfaces. Level 2 markets use rhythm and dividers. */
html:root .pd-md-v10 .pd-md-lines>.pd-md-panel-head {
 padding-bottom:14px;
 border-bottom:1px solid var(--rt-border);
}

html:root .pd-md-v10 .pd-md-mk {
 margin:0;
 padding:12px 2px;
 border:0;
 border-radius:0;
 background:transparent;
 box-shadow:none;
}

html:root .pd-md-v10 .pd-md-mk+.pd-md-mk {
 border-top:1px solid var(--rt-border-soft);
}

html:root .pd-md-v10 .pd-md-mk:last-child { padding-bottom:2px; }
html:root .pd-md-v10 .pd-md-mk-head { margin-bottom:9px; }

html:root .pd-md-v10 .pd-v7-market-icon {
 border:0;
 background:transparent;
}

html:root .pd-md-v10 .pd-v7-market-copy {
 flex-direction:row;
 align-items:baseline;
 flex-wrap:wrap;
 gap:3px 10px;
}

html:root .pd-md-v10 .pd-v7-market-desc { white-space:nowrap; }
html:root .pd-md-v10 .pd-md-out-name { color:var(--rt-text-2); font-weight:600; }
html:root .pd-md-v10 .pd-md-out-odds { color:var(--rt-text); font-weight:850; }

/* The slip remains one surface: header, state, CTA and policy are its only layers. */
html:root .pd-md-v10 #pdMdForm>.pd-md-empty:not([hidden]),
html:root .pd-md-v10 .pd-v7-slip-empty {
 border:0;
 border-radius:0;
 background:transparent;
 box-shadow:none;
}

html:root .pd-md-v10 .pd-md-guest {
 border-bottom:1px solid var(--rt-border-soft);
}

/* Level 1 analysis surface; overview blocks inside it are intentionally unboxed. */
html:root .pd-md-v10 #pd-analysis {
 box-sizing:border-box;
 padding:18px;
 border:1px solid var(--rt-border);
 border-radius:var(--v5-radius);
 background:linear-gradient(145deg,var(--rt-surface-1),color-mix(in srgb,var(--rt-surface-2) 34%,var(--rt-surface-1)));
}

html:root .pd-md-v10 #pd-analysis>.pd-v5-section-head {
 margin:0 0 13px;
 padding-bottom:13px;
 border-bottom:1px solid var(--rt-border);
}

html:root .pd-md-v10 .pd-v8-analysis-overview { gap:0; }

html:root .pd-md-v10 :is(.pd-v8-flow-card,.pd-v8-compare-card) {
 padding:3px 16px 15px;
 border:0;
 border-radius:0;
 background:transparent;
 box-shadow:none;
}

html:root .pd-md-v10 .pd-v8-flow-card { padding-left:0; }
html:root .pd-md-v10 .pd-v8-compare-card {
 padding-right:0;
 border-left:1px solid var(--rt-border-soft);
}

html:root .pd-md-v10 .pd-v8-card-head { margin-bottom:14px; }

/* Recent flow is data typography, not a grid of nested cards. */
html:root .pd-md-v10 .pd-v8-flow-stats {
 display:flex;
 align-items:center;
 gap:0;
 margin-top:12px;
 padding-top:10px;
 border-top:1px solid var(--rt-border-soft);
}

html:root .pd-md-v10 .pd-v8-flow-stats span {
 display:flex;
 align-items:baseline;
 justify-content:center;
 gap:5px;
 min-width:0;
 flex:1 1 0;
 padding:0 7px;
 border-radius:0;
 background:transparent;
 text-align:center;
}

html:root .pd-md-v10 .pd-v8-flow-stats span+span {
 border-left:1px solid var(--rt-border-soft);
}

html:root .pd-md-v10 .pd-v8-flow-stats .pd-v10-flow-record { flex:1.65 1 0; }
html:root .pd-md-v10 .pd-v8-flow-stats small { display:inline; font-size:8px; white-space:nowrap; }
html:root .pd-md-v10 .pd-v8-flow-stats b { display:inline; margin:0; font-size:11px; white-space:nowrap; }

/* Recent-match and H2H list cards stay, but lose the heavy nested top treatment. */
html:root .pd-md-v10 .pd-v3-data :is(.pd-md-form-col,.pd-md-h2h) {
 border-top-width:1px;
 background:color-mix(in srgb,var(--rt-surface-2) 28%,var(--rt-surface-1));
 box-shadow:none;
}

html:root .pd-md-v10 :is(.pd-md-form-row,.pd-md-h2h-row) {
 background:transparent;
}

@media(max-width:900px) {
 html:root .pd-md-v10 .pd-v8-analysis-overview { gap:12px; }
 html:root .pd-md-v10 :is(.pd-v8-flow-card,.pd-v8-compare-card) { padding:2px 0 13px; }
 html:root .pd-md-v10 .pd-v8-compare-card { padding-top:14px; border-left:0; border-top:1px solid var(--rt-border-soft); }
}

@media(max-width:700px) {
 html:root .pd-md-v10 .pd-md-mk { padding:11px 0; }
 html:root .pd-md-v10 .pd-md-mk:last-child { padding-bottom:0; }
 html:root .pd-md-v10 .pd-v7-market-copy { gap:2px 7px; }
 html:root .pd-md-v10 #pd-analysis { padding:13px 10px; }
 html:root .pd-md-v10 #pd-analysis>.pd-v5-section-head { padding-bottom:11px; }
 html:root .pd-md-v10 .pd-v8-flow-stats { flex-wrap:wrap; row-gap:9px; }
 html:root .pd-md-v10 .pd-v8-flow-stats span { flex:1 1 24%; padding:0 4px; }
 html:root .pd-md-v10 .pd-v8-flow-stats .pd-v10-flow-record { flex-basis:100%; padding-bottom:8px; border-bottom:1px solid var(--rt-border-soft); }
 html:root .pd-md-v10 .pd-v8-flow-stats .pd-v10-flow-record+span { border-left:0; }
}

@media(max-width:350px) {
 html:root .pd-md-v10 .pd-v7-market-copy { display:block; }
 html:root .pd-md-v10 .pd-v7-market-desc { display:block; margin-top:2px; }
 html:root .pd-md-v10 .pd-v8-flow-stats span { gap:3px; }
 html:root .pd-md-v10 .pd-v8-flow-stats small { font-size:7px; }
 html:root .pd-md-v10 .pd-v8-flow-stats b { font-size:10px; }
}