/* Compact prediction area + data-backed match analysis. Presentation only. */

/* About 20% less vertical space while retaining V3 interaction states. */
html:root .pd-md-v8 .pd-md-lines { padding:19px 20px; }
html:root .pd-md-v8 .pd-md-lines>.pd-md-panel-head { padding-bottom:13px; }
html:root .pd-md-v8 .pd-md-mk { margin-bottom:9px; padding:11px 13px; }
html:root .pd-md-v8 .pd-md-mk-head { margin-bottom:8px; }
html:root .pd-md-v8 .pd-v7-market-icon { flex-basis:27px; width:27px; height:27px; border-radius:8px; font-size:13px; }
html:root .pd-md-v8 .pd-md-lines .pd-md-out { min-height:58px; padding:9px 13px; }
html:root .pd-md-v8 .pd-md-out-odds { font-size:20px; }
html:root .pd-md-v8 .pd-md-mk-rowline { margin-bottom:6px; padding-top:3px; padding-bottom:3px; }
html:root .pd-md-v8 .pd-md-mkrow+.pd-md-mkrow { margin-top:7px; }

html:root .pd-md-v8 .pd-md-side .pd-md-panel-head { padding:16px 18px 12px; }
html:root .pd-md-v8 #pdMdForm,
html:root .pd-md-v8 .pd-md-guest { gap:10px; padding:12px 15px 14px; }
html:root .pd-md-v8 #pdMdForm>.pd-md-empty:not([hidden]),
html:root .pd-md-v8 .pd-v7-slip-empty { min-height:112px; padding:14px 12px; gap:5px; }
html:root .pd-md-v8 .pd-v7-empty-icon { width:38px; height:38px; margin-bottom:2px; border-radius:12px; font-size:22px; }
html:root .pd-md-v8 .pd-v7-slip-empty strong { font-size:14px; }
html:root .pd-md-v8 .pd-v7-slip-empty>span:last-child { line-height:1.4; }
html:root .pd-md-v8 .pd-md-guest .pd-md-cta { min-height:44px; }
html:root .pd-md-v8 #pdMdForm>.pd-md-pick:not([hidden]) { padding:13px 14px; }
html:root .pd-md-v8 .pd-v6-pick-match { margin-top:10px; padding-top:9px; }
html:root .pd-md-v8 .pd-v4-summary { padding:11px 12px; }
html:root .pd-md-v8 .pd-md-cta { min-height:46px; }
html:root .pd-md-v8 .pd-v7-policy { padding:9px 7px; }
html:root .pd-md-v8 .pd-v7-policy li span { margin-bottom:2px; }

/* Analysis header */
html:root .pd-md-v8 .pd-v5-section-head h2 { display:flex; align-items:center; gap:7px; }
html:root .pd-md-v8 .pd-v5-section-head h2 small { color:var(--rt-data-blue); font-size:10px; letter-spacing:.08em; }
html:root .pd-md-v8 .pd-v8-analysis-icon { display:inline-flex; align-items:center; justify-content:center; width:27px; height:27px; border-radius:8px; color:var(--rt-on-brand); background:linear-gradient(135deg,var(--rt-data-blue),var(--rt-brand)); font-size:14px; }

/* Overview uses only the already loaded md_form aggregate. */
html:root .pd-md-v8 .pd-v8-analysis-overview { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:12px; width:100%; }
html:root .pd-md-v8 :is(.pd-v8-flow-card,.pd-v8-compare-card) { min-width:0; padding:16px; border:1px solid var(--rt-border); border-radius:12px; background:linear-gradient(145deg,var(--rt-surface-1),color-mix(in srgb,var(--rt-surface-2) 50%,var(--rt-surface-1))); box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
html:root .pd-md-v8 .pd-v8-card-head { display:flex; align-items:baseline; gap:8px; margin-bottom:13px; }
html:root .pd-md-v8 .pd-v8-card-head h3 { margin:0; color:var(--rt-text); font-size:15px; }
html:root .pd-md-v8 .pd-v8-card-head span { color:var(--rt-muted); font-size:10px; }
html:root .pd-md-v8 .pd-v8-flow-teams { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
html:root .pd-md-v8 .pd-v8-flow-team { min-width:0; padding:0 15px 0 0; }
html:root .pd-md-v8 .pd-v8-flow-team+.pd-v8-flow-team { padding:0 0 0 15px; border-left:1px solid var(--rt-border); }
html:root .pd-md-v8 .pd-v8-flow-name { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
html:root .pd-md-v8 .pd-v8-flow-name strong { min-width:0; overflow:hidden; color:var(--rt-text); font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
html:root .pd-md-v8 .pd-v8-flow-name span { flex:0 0 auto; color:var(--rt-muted); font-size:9px; }
html:root .pd-md-v8 .pd-v8-sequence { display:flex; flex-wrap:wrap; gap:5px; margin-top:9px; }
html:root .pd-md-v8 .pd-v8-sequence span { display:inline-flex; align-items:center; justify-content:center; width:21px; height:21px; border-radius:50%; color:#fff; font-size:10px; font-weight:800; }
html:root .pd-md-v8 .pd-v8-sequence .is-W { background:var(--rt-positive); }
html:root .pd-md-v8 .pd-v8-sequence .is-D { background:var(--rt-muted); }
html:root .pd-md-v8 .pd-v8-sequence .is-L { background:var(--rt-negative); }
html:root .pd-md-v8 .pd-v8-flow-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin-top:11px; }
html:root .pd-md-v8 .pd-v8-flow-stats span { min-width:0; padding:7px 4px; border-radius:7px; background:var(--rt-surface-2); text-align:center; }
html:root .pd-md-v8 .pd-v8-flow-stats small { display:block; color:var(--rt-muted); font-size:8px; }
html:root .pd-md-v8 .pd-v8-flow-stats b { display:block; margin-top:2px; color:var(--rt-text); font-size:12px; }
html:root .pd-md-v8 .pd-v8-mini-empty { margin:10px 0 0; padding:12px; border-radius:8px; color:var(--rt-muted); background:var(--rt-surface-2); font-size:10px; text-align:center; }

html:root .pd-md-v8 .pd-v8-compare-list { display:flex; flex-direction:column; gap:11px; }
html:root .pd-md-v8 .pd-v8-compare-row { display:grid; grid-template-columns:34px minmax(32px,1fr) 88px minmax(32px,1fr) 34px; align-items:center; gap:7px; }
html:root .pd-md-v8 .pd-v8-compare-row>b { color:var(--rt-text); font-size:11px; font-variant-numeric:tabular-nums; }
html:root .pd-md-v8 .pd-v8-home-value { text-align:right; }
html:root .pd-md-v8 .pd-v8-away-value { text-align:left; }
html:root .pd-md-v8 .pd-v8-metric-label { color:var(--rt-muted); font-size:9px; text-align:center; }
html:root .pd-md-v8 :is(.pd-v8-home-bar,.pd-v8-away-bar) { display:flex; height:7px; overflow:hidden; border-radius:999px; background:var(--rt-surface-3); }
html:root .pd-md-v8 .pd-v8-home-bar { justify-content:flex-end; }
html:root .pd-md-v8 :is(.pd-v8-home-bar,.pd-v8-away-bar)>span { display:block; height:100%; border-radius:inherit; }
html:root .pd-md-v8 .pd-v8-home-bar>span { background:var(--rt-data-blue); }
html:root .pd-md-v8 .pd-v8-away-bar>span { background:var(--rt-brand); }

/* Existing recent-match/H2H data stays in place, with clearer hierarchy. */
html:root .pd-md-v8 .pd-v3-data { gap:12px; }
html:root .pd-md-v8 .pd-v3-data .pd-md-form-col,
html:root .pd-md-v8 .pd-md-h2h { padding:15px; }
html:root .pd-md-v8 .pd-md-form-col .pd-md-form-sum { display:none; }
html:root .pd-md-v8 .pd-md-form-col .pd-md-form-team::before { content:"최근 경기"; order:3; flex-basis:100%; color:var(--rt-data-blue); font-size:9px; font-weight:700; letter-spacing:.08em; }
html:root .pd-md-v8 .pd-md-h2h .pd-md-form-empty { min-height:0; padding:13px 6px; }

@media(max-width:900px) {
 html:root .pd-md-v8 .pd-v8-analysis-overview { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:700px) {
 html:root .pd-md-v8 .pd-md-lines { padding:13px 10px; }
 html:root .pd-md-v8 .pd-md-mk { padding:9px 8px; }
 html:root .pd-md-v8 .pd-md-lines .pd-md-out { min-height:54px; padding:8px 6px; }
 html:root .pd-md-v8 .pd-md-out-odds { font-size:17px; }
 html:root .pd-md-v8 .pd-md-side .pd-md-panel-head { padding:13px 12px 10px; }
 html:root .pd-md-v8 #pdMdForm,
 html:root .pd-md-v8 .pd-md-guest { padding:10px 12px 12px; }
 html:root .pd-md-v8 #pdMdForm>.pd-md-empty:not([hidden]),
 html:root .pd-md-v8 .pd-v7-slip-empty { min-height:98px; }
 html:root .pd-md-v8 .pd-v7-empty-icon { width:32px; height:32px; font-size:18px; }
 html:root .pd-md-v8 .pd-v5-section-head h2 { flex-wrap:wrap; }
 html:root .pd-md-v8 .pd-v5-section-head h2 small { font-size:8px; }
 html:root .pd-md-v8 :is(.pd-v8-flow-card,.pd-v8-compare-card) { padding:13px 11px; }
 html:root .pd-md-v8 .pd-v8-flow-team { padding-right:8px; }
 html:root .pd-md-v8 .pd-v8-flow-team+.pd-v8-flow-team { padding-left:8px; }
 html:root .pd-md-v8 .pd-v8-flow-name { align-items:flex-start; flex-direction:column; gap:2px; }
 html:root .pd-md-v8 .pd-v8-flow-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html:root .pd-md-v8 .pd-v8-compare-row { grid-template-columns:29px minmax(24px,1fr) 72px minmax(24px,1fr) 29px; gap:5px; }
 html:root .pd-md-v8 .pd-v8-metric-label { font-size:8px; }
}