.pick-insight-dialog {width:min(940px,94vw);color:#101b43}
#pick-insight-content {display:flex;flex-direction:column;min-height:0;max-height:inherit}
.insight-header {position:relative;text-align:center;padding:28px 54px 18px;flex-shrink:0}
.insight-header .mw-eyebrow {color:#6c85c5;letter-spacing:.08em;margin:0 0 8px}
.insight-header h2 {font:800 clamp(1.65rem,3.6vw,2.7rem)/1.12 var(--v3-font);margin:0 0 5px;overflow-wrap:anywhere}
.insight-header p {margin:5px 0}
.insight-opponent {font-size:clamp(1.05rem,2.5vw,1.6rem);color:#465573;font-weight:600}
.insight-kickoff,.insight-status {font-size:.875rem;color:#526685}
.insight-close {position:absolute;right:16px;top:14px;border:0}
.insight-content {padding:0 30px 12px}
.insight-pitch {position:relative;isolation:isolate;border:2px solid #9aafbc;border-radius:3px;background:#f0f8f5;min-height:480px;padding:22px 12px 32px;box-sizing:border-box}
.insight-markings {position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#9aafbc;stroke-width:2;z-index:-1}
.insight-hero {text-align:center;margin:0 auto 14px;max-width:70%}
.insight-crest {display:block;object-fit:contain;margin:0 auto 8px}
.insight-crest[hidden] {display:none}
.insight-hero h3 {display:inline-block;margin:0;padding:4px 12px;background:#f0f8f5;font:800 1.45rem/1.2 var(--v3-font);text-transform:uppercase;overflow-wrap:anywhere}
.insight-bands {display:grid;gap:9px;width:min(340px,64%);margin:0 auto}
.insight-band {text-align:center;padding:8px 10px;border-radius:6px;background:#bfddfb;min-width:0}
.insight-band:nth-child(2) {background:#bdebdc}
.insight-band:nth-child(3) {background:#ffedce}
.insight-band:nth-child(4) {background:#fbd9e0}
.insight-band:nth-child(5) {background:#ddd6fc}
.insight-band:nth-child(6) {background:#cfebfc}
.insight-band dt {font-size:.72rem;letter-spacing:.065em;font-weight:750;text-transform:uppercase}
.insight-band dd {margin:3px 0 0;font-size:1.3rem;line-height:1.15;font-weight:800;overflow-wrap:anywhere}
.insight-source {font-size:.7rem!important;color:#65738a;text-align:center;margin:10px 0 0!important}
.insight-footer {justify-content:center;background:#fafcfe}
.insight-footer .primary {min-width:220px;background:#195bea;border-color:#195bea}
.insight-navigation {display:flex;gap:16px;align-items:center;justify-content:center}
.insight-navigation span {white-space:nowrap;font-size:.875rem}
@media(max-height:500px) {
  .insight-header {padding:10px 44px}
  .insight-header h2 {font-size:1.5rem}
  .insight-opponent {font-size:1rem}
  .insight-footer {padding:10px}
}
@media(max-width:600px) {
  .insight-header {padding:18px 42px 12px}
  .insight-header h2 {font-size:1.55rem}
  .insight-close {right:4px;top:4px}
  .insight-content {padding:0 12px 10px}
  .insight-pitch {min-height:0;padding:16px 6px 20px}
  .insight-hero {max-width:90%;margin-bottom:10px}
  .insight-hero h3 {font-size:1.15rem}
  .insight-crest {width:48px;height:54px}
  .insight-bands {width:76%;gap:7px}
  .insight-band {padding:7px 5px}
  .insight-band dt {font-size:.625rem}
  .insight-band dd {font-size:1.1rem}
  .insight-footer {gap:8px;padding:10px}
  .insight-navigation {gap:10px}
  .insight-footer .btn {font-size:.8125rem;padding:8px 12px}
  .insight-footer .primary {min-width:0}
}
