.mi-insights { min-width:0; margin:30px 0 0; padding:29px 0 0; border-top:3px solid #c11718; color:#201e1d; }
.mi-insights * { box-sizing:border-box; }
.mi-insights .mi-heading { margin-bottom:19px; }
.mi-insights .mi-eyebrow { margin:0 0 8px; color:#c11718; font:700 11px/1.5 Barlow,sans-serif; letter-spacing:.12em; }
.mi-insights h3 { margin:0; font:700 clamp(34px,4vw,48px)/1.05 BarlowCondensed,sans-serif; }
.mi-insights .mi-opponents { margin:10px 0 0; font-size:18px; line-height:1.4; font-weight:600; overflow-wrap:anywhere; }
.mi-insights .mi-coverage { margin:0 0 20px; color:#65615b; font-size:13px; line-height:1.6; }
.mi-insights .mi-filters { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:20px; }
.mi-insights .mi-filter { min-height:44px; max-width:100%; border:1px solid #c9c3b8; background:#fff; color:#34302c; padding:9px 17px; font:600 14px/1.4 Barlow,sans-serif; cursor:pointer; }
.mi-insights .mi-filter[aria-pressed="true"] { border-color:#201e1d; background:#201e1d; color:#fff; }
.mi-insights button:focus-visible,.mi-insights summary:focus-visible,.mi-insights a:focus-visible { outline:3px solid #c11718; outline-offset:4px; }
.mi-insights .mi-h2h-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#d8d5cd; margin:0; border:1px solid #d8d5cd; }
.mi-insights .mi-stat { min-width:0; display:flex; flex-direction:column; align-items:center; text-align:center; padding:19px 13px 16px; background:#fff; border-top:4px solid #fbba07; }
.mi-insights .mi-stat:nth-child(2) { background:#f4f0e7; border-top-color:transparent; }
.mi-insights .mi-stat dt { min-height:2.8em; font-size:14px; line-height:1.4; font-weight:600; overflow-wrap:anywhere; }
.mi-insights .mi-stat dd { margin:6px 0; font:700 44px/1 BarlowCondensed,sans-serif; font-variant-numeric:tabular-nums; }
.mi-insights .mi-stat-label { display:block; margin-top:3px; font-size:12px; line-height:1.4; color:#65615b; }
.mi-insights .mi-totals { margin:12px 0 20px; color:#65615b; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.mi-insights .mi-match-list { list-style:none; margin:0; padding:0; }
.mi-insights .mi-match { min-width:0; margin:0; padding:17px 0 13px; border-bottom:1px solid #dedbd5; }
.mi-insights .mi-match-meta { margin:0 0 11px; color:#65615b; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.mi-insights .mi-scoreline { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:15px; align-items:center; }
.mi-insights .mi-team { min-width:0; font-size:17px; line-height:1.35; font-weight:600; overflow-wrap:anywhere; }
.mi-insights .mi-away { text-align:right; }
.mi-insights .mi-score { padding:5px 11px; background:#f3eee4; font-size:18px; line-height:1.4; font-variant-numeric:tabular-nums; white-space:nowrap; }
.mi-insights .mi-match-footer { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:5px 16px; margin-top:7px; }
.mi-insights .mi-result { padding:3px 7px; font-size:11px; line-height:1.4; font-weight:600; }
.mi-insights .mi-result-win { background:#e6efe6; color:#205332; }
.mi-insights .mi-result-draw { background:#eeeae3; color:#585249; }
.mi-insights .mi-result-loss { background:#f8e5e2; color:#9e2523; }
.mi-insights .mi-source { display:inline-flex; align-items:center; min-height:44px; color:#4f4942; font-size:12px; line-height:1.4; text-decoration:underline; text-underline-offset:4px; }
.mi-insights .mi-details { margin:0; border-bottom:1px solid #dedbd5; }
.mi-insights .mi-details summary { cursor:pointer; min-height:48px; padding:15px 0; font-size:14px; line-height:1.5; font-weight:600; }
.mi-insights .mi-details[open] > .mi-match-list { padding-bottom:12px; }
.mi-insights .mi-details .mi-match:last-child { border-bottom:0; }
.mi-insights .mi-support-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:start; margin-top:27px; }
.mi-insights .mi-support-card { min-width:0; padding:23px; border:1px solid #d8d5cd; background:#fff; }
.mi-insights h4 { margin:0 0 11px; font:700 29px/1.08 BarlowCondensed,sans-serif; overflow-wrap:anywhere; }
.mi-insights .mi-card-intro { margin:0 0 20px; color:#65615b; font-size:13px; line-height:1.5; }
.mi-insights .mi-form-badges { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
.mi-insights .mi-form-item { min-width:0; display:flex; align-items:center; flex-direction:column; gap:8px; margin:0; }
.mi-insights .mi-form-badge { display:flex; align-items:center; justify-content:center; width:39px; max-width:100%; min-height:39px; font:700 18px/1 Barlow,sans-serif; border-radius:3px; }
.mi-insights .mi-form-item time { font-size:11px; line-height:1.4; text-align:center; color:#65615b; }
.mi-insights .mi-legend { margin:17px 0 12px; color:#65615b; font-size:11px; line-height:1.65; }
.mi-insights .mi-support-card .mi-scoreline { gap:8px; }
.mi-insights .mi-support-card .mi-team { font-size:14px; }
.mi-insights .mi-support-card .mi-score { padding:4px 8px; font-size:16px; }
.mi-insights .mi-performance-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:13px; line-height:1.4; }
.mi-insights .mi-performance-table caption { padding:0 0 17px; color:#65615b; text-align:left; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.mi-insights .mi-performance-table th,.mi-insights .mi-performance-table td { padding:12px 2px; border-bottom:1px solid #dedbd5; text-align:center; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.mi-insights .mi-performance-table thead { color:#65615b; font-size:11px; }
.mi-insights .mi-performance-table th:first-child { width:29%; padding-left:0; padding-right:6px; text-align:left; }
.mi-insights .mi-performance-table tbody th { font-weight:600; }
.mi-insights .mi-performance-table tbody tr:first-child { background:#f4f0e7; font-weight:700; }
.mi-insights .mi-empty { margin:0; padding:17px 19px; color:#65615b; background:#f3eee4; font-size:15px; line-height:1.65; overflow-wrap:anywhere; }
.mi-insights .mi-data-note { margin:14px 0 0; padding-left:10px; border-left:3px solid #fbba07; color:#65615b; font-size:12px; line-height:1.6; }
.mi-insights .mi-footnote { margin-top:24px; color:#65615b; font-size:12px; line-height:1.6; }
.mi-insights .mi-footnote p { margin:3px 0; }
@media(max-width:850px) { .mi-insights .mi-support-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:450px) { .mi-insights .mi-stat { padding:14px 7px; } .mi-insights .mi-stat dt { font-size:12px; } .mi-insights .mi-stat dd { font-size:37px; } .mi-insights .mi-filter { padding:9px 12px; font-size:13px; } .mi-insights .mi-scoreline { gap:9px; } .mi-insights .mi-team { font-size:15px; } .mi-insights .mi-score { padding:4px 8px; font-size:16px; } .mi-insights .mi-support-card { padding:20px 16px; } .mi-insights .mi-performance-table { font-size:12px; } }
