/* Match odds + Single Pick slip. Presentation only; market and submission contracts are unchanged. */
html:root .pd-md-v6 .pd-md-grid {
 display:grid; grid-template-columns:minmax(0,2fr) minmax(300px,1fr); gap:14px; align-items:start;
}
html:root .pd-md-v6 .pd-md-grid>.pd-md-lines { grid-column:1; min-width:0; }
html:root .pd-md-v6 .pd-md-grid>.pd-md-side { grid-column:2; min-width:0; }

html:root .pd-md-v6 .pd-md-lines {
 box-sizing:border-box; display:block; padding:22px; 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) 42%,var(--rt-surface-1)));
}
html:root .pd-md-v6 .pd-md-lines>.pd-md-panel-head { align-items:flex-end; margin:0; padding:0 0 16px; border-bottom:1px solid var(--rt-border); }
html:root .pd-md-v6 .pd-v6-heading { display:flex; align-items:baseline; gap:10px; }
html:root .pd-md-v6 .pd-md-lines>.pd-md-panel-head .pd-md-panel-title { font-size:20px; }
html:root .pd-md-v6 .pd-md-lines>.pd-md-panel-head .pd-md-panel-note { max-width:48%; text-align:right; }

html:root .pd-md-v6 .pd-md-mk { margin:0; padding:20px 0; border:0; border-radius:0; background:transparent; }
html:root .pd-md-v6 .pd-md-mk+.pd-md-mk { border-top:1px solid var(--rt-border); }
html:root .pd-md-v6 .pd-md-mk-head { min-height:0; margin:0 0 12px; padding:0; border:0; }
html:root .pd-md-v6 .pd-md-mk-name { color:var(--rt-text); font-size:16px; font-weight:800; }
html:root .pd-md-v6 .pd-md-mk-line,
html:root .pd-md-v6 .pd-md-mk-rowline { color:var(--rt-muted); font-size:12px; font-weight:700; }
html:root .pd-md-v6 .pd-md-mkrow { display:block; margin:0; padding:0; border:0; }
html:root .pd-md-v6 .pd-md-mkrow+.pd-md-mkrow { margin-top:10px; }
html:root .pd-md-v6 .pd-md-mk-rowline { display:block; margin:0 0 7px; }
html:root .pd-md-v6 .pd-md-lines .pd-md-outs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
html:root .pd-md-v6 .pd-md-lines .pd-md-outs.is-3way { grid-template-columns:repeat(3,minmax(0,1fr)); }
html:root .pd-md-v6 .pd-md-lines .pd-md-out {
 box-sizing:border-box; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:5px 10px;
 width:100%; min-width:0; min-height:72px; padding:13px 15px; border:1px solid var(--rt-border); border-radius:10px;
 color:var(--rt-text); background:var(--rt-surface-2); text-align:left; cursor:pointer; transition:border-color .16s,background .16s,transform .16s;
}
html:root .pd-md-v6 .pd-md-out:hover:not(:disabled):not(.is-ineligible) { transform:translateY(-1px); border-color:var(--rt-data-blue); }
html:root .pd-md-v6 .pd-md-out.is-picked {
 border-color:var(--rt-data-blue); background:linear-gradient(135deg,color-mix(in srgb,var(--rt-data-blue) 26%,var(--rt-surface-2)),color-mix(in srgb,var(--rt-brand) 18%,var(--rt-surface-2)));
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rt-brand) 55%,transparent);
}
html:root .pd-md-v6 .pd-md-out:disabled { cursor:not-allowed; opacity:.52; }
html:root .pd-md-v6 .pd-md-out-name { min-width:0; overflow-wrap:anywhere; font-size:13px; font-weight:700; line-height:1.35; }
html:root .pd-md-v6 .pd-md-out-odds { color:var(--rt-text); font-size:19px; font-weight:800; line-height:1; }
/* Hero already owns market probability; the odds board stays focused on price selection. */
html:root .pd-md-v6 .pd-v3-out-prob { display:none; }
html:root .pd-md-v6 .pd-v3-pending,
html:root .pd-md-v6 .pd-md-mk-note { margin:8px 0 0; }

html:root .pd-md-v6 .pd-md-side>.pd-md-panel { height:auto; padding:22px; }
html:root .pd-md-v6 .pd-md-side .pd-md-panel-head { margin:0; padding:0 0 15px; }
html:root .pd-md-v6 .pd-v5-title-group { align-items:baseline; }
html:root .pd-md-v6 .pd-v6-single { color:var(--rt-data-blue); font-size:11px; font-weight:700; }
html:root .pd-md-v6 #pdMdForm { box-sizing:border-box; display:flex; flex-direction:column; align-items:stretch; gap:14px; width:100%; padding:16px 0 0; }
html:root .pd-md-v6 #pdMdForm>* { box-sizing:border-box; width:100%; }
html:root .pd-md-v6 #pdMdForm>.pd-md-empty:not([hidden]) {
 display:flex!important; align-items:center; justify-content:center; min-height:160px; margin:0; padding:18px;
 border:1px dashed var(--rt-border); border-radius:11px; color:var(--rt-muted); background:var(--rt-surface-2); text-align:center;
}
html:root .pd-md-v6 #pdMdForm>.pd-md-pick:not([hidden]) {
 display:block!important; margin:0; padding:16px; border:1px solid var(--rt-data-blue); border-radius:11px;
 background:linear-gradient(145deg,color-mix(in srgb,var(--rt-data-blue) 12%,var(--rt-surface-2)),color-mix(in srgb,var(--rt-brand) 10%,var(--rt-surface-1)));
}
html:root .pd-md-v6 .pd-v6-pick-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
html:root .pd-md-v6 .pd-md-pick-kind { display:flex; flex-wrap:wrap; align-items:center; gap:5px; min-width:0; color:var(--rt-text-2); font-size:12px; font-weight:700; }
html:root .pd-md-v6 .pd-md-pick-line:empty { display:none; }
html:root .pd-md-v6 .pd-v6-clear { flex:0 0 auto; padding:0; border:0; color:var(--rt-muted); background:transparent; font-size:11px; cursor:pointer; }
html:root .pd-md-v6 .pd-v6-clear:hover { color:var(--rt-text); }
html:root .pd-md-v6 .pd-v6-pick-choice { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-top:11px; }
html:root .pd-md-v6 .pd-md-pick-name { min-width:0; overflow-wrap:anywhere; color:var(--rt-text); font-size:20px; line-height:1.3; }
html:root .pd-md-v6 .pd-md-pick-odds-value { flex:0 0 auto; color:var(--rt-data-blue); font-size:22px; }
html:root .pd-md-v6 .pd-v6-pick-match { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:14px; padding-top:13px; border-top:1px solid var(--rt-border); color:var(--rt-text-2); font-size:12px; }
html:root .pd-md-v6 .pd-v6-pick-match span { min-width:0; overflow-wrap:anywhere; }
html:root .pd-md-v6 .pd-v6-pick-match em { flex:0 0 auto; color:var(--rt-muted); font-style:normal; }
html:root .pd-md-v6 .pd-v6-pick-meta { margin:7px 0 0; color:var(--rt-muted); font-size:11px; line-height:1.45; text-align:center; overflow-wrap:anywhere; }
html:root .pd-md-v6 .pd-md-field { margin:0; }
html:root .pd-md-v6 .pd-md-field-head { display:block; margin-bottom:8px; }
html:root .pd-md-v6 .pd-md-stakes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
html:root .pd-md-v6 .pd-md-stake { min-width:0; padding:11px 4px; }
html:root .pd-md-v6 .pd-v4-summary { margin:0; padding:14px; border:1px solid var(--rt-border); border-radius:10px; background:var(--rt-surface-2); }
html:root .pd-md-v6 .pd-md-profit { margin:0 0 10px; }
html:root .pd-md-v6 .pd-md-breakdown { margin:0; }
html:root .pd-md-v6 .pd-md-cta { min-height:52px; }
html:root .pd-md-v6 .pd-md-guest { margin-top:16px; }

@media(max-width:900px) {
 html:root .pd-md-v6 .pd-md-grid { grid-template-columns:minmax(0,1fr); }
 html:root .pd-md-v6 .pd-md-grid>.pd-md-lines { grid-column:1; order:1; }
 html:root .pd-md-v6 .pd-md-grid>.pd-md-side { grid-column:1; order:2; }
}

@media(max-width:700px) {
 html:root .pd-md-v6 .pd-md-lines { padding:16px 13px; }
 html:root .pd-md-v6 .pd-md-lines>.pd-md-panel-head { align-items:flex-start; flex-direction:column; gap:5px; }
 html:root .pd-md-v6 .pd-v6-heading { display:block; }
 html:root .pd-md-v6 .pd-v6-heading .pd-v5-eyebrow { display:block; margin-bottom:3px; }
 html:root .pd-md-v6 .pd-md-lines>.pd-md-panel-head .pd-md-panel-note { max-width:none; text-align:left; }
 html:root .pd-md-v6 .pd-md-mk { padding:17px 0; }
 html:root .pd-md-v6 .pd-md-outs { gap:6px; }
 html:root .pd-md-v6 .pd-md-out { min-height:68px; padding:10px 8px; gap:4px; text-align:center; }
 html:root .pd-md-v6 .pd-md-outs.is-3way .pd-md-out { display:flex; flex-direction:column; justify-content:center; }
 html:root .pd-md-v6 .pd-md-out-name { width:100%; font-size:11px; }
 html:root .pd-md-v6 .pd-md-out-odds { font-size:17px; }
 html:root .pd-md-v6 .pd-md-side>.pd-md-panel { padding:16px 13px; }
 html:root .pd-md-v6 #pdMdForm>.pd-md-empty:not([hidden]) { min-height:112px; }
}

@media(max-width:350px) {
 html:root .pd-md-v6 .pd-md-lines { padding-left:9px; padding-right:9px; }
 html:root .pd-md-v6 .pd-md-out { padding-left:5px; padding-right:5px; }
 html:root .pd-md-v6 .pd-md-out-name { font-size:10px; }
 html:root .pd-md-v6 .pd-md-out-odds { font-size:16px; }
 html:root .pd-md-v6 .pd-md-side>.pd-md-panel { padding-left:10px; padding-right:10px; }
}