.hudl-explorer{margin:1.5rem auto;max-width:1160px;padding:clamp(1rem,2vw,1.6rem);border-radius:18px;background:#092b20;color:#f5f7e8;box-shadow:0 18px 45px #092b2030;font:inherit}
.hudl-explorer *{box-sizing:border-box}
.hudl-explorer-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}
.hudl-explorer-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#cbd4ce;text-transform:uppercase;margin:0 0 .3rem}
.hudl-explorer h3{margin:.1rem 0 .4rem;font-size:clamp(1.5rem,3vw,2.25rem);color:#fff}
.hudl-explorer h4{margin:.1rem 0 1rem;font-size:1.25rem;color:#fff}
.hudl-explorer-head p:not(.hudl-explorer-eyebrow){margin:.2rem 0 1rem;max-width:50ch;color:#d3e0d8}
.hudl-explorer-controls{display:flex;gap:.35rem;flex-wrap:wrap;max-width:460px}
.hudl-explorer button{font:inherit;cursor:pointer}
.hudl-explorer-controls button{border:1px solid #719580;border-radius:100px;background:transparent;color:#f6fbf4;padding:.45rem .7rem;font-size:.82rem}
.hudl-explorer-controls button[aria-pressed=true]{background:#d7e0d9;color:#133b2a;border-color:#d7e0d9;font-weight:800}
.hudl-explorer-chart{display:grid;gap:.45rem;margin:1.25rem 0}
.hudl-explorer-row{width:100%;display:grid;grid-template-columns:minmax(160px,1fr) minmax(220px,2fr);gap:1rem;align-items:center;padding:.65rem .85rem;border:1px solid #416954;border-radius:10px;background:#113c2c;color:#fff;text-align:left}
.hudl-explorer-row:hover,.hudl-explorer-row[aria-pressed=true]{border-color:#d7e0d9;background:#194c37}
.hudl-explorer-label{font-weight:750}
.hudl-explorer-bars{display:grid;gap:.25rem}
.hudl-explorer-barline{display:grid;grid-template-columns:2rem 1fr 3.2rem;align-items:center;gap:.35rem;font-variant-numeric:tabular-nums}
.hudl-explorer-side{font-size:.68rem;color:#d1e0d6;text-transform:uppercase}
.hudl-explorer-track{display:block;height:9px;border-radius:100px;background:#315842;overflow:hidden}
.hudl-explorer-fill{display:block;height:100%;border-radius:100px}
.hudl-explorer-fill.home{background:#d7e0d9}
.hudl-explorer-fill.away{background:#a0a0a0}
.hudl-explorer-barline strong{text-align:right;font-size:.83rem}
.hudl-explorer-detail{padding:1.1rem;border:1px solid #57806a;border-radius:12px;background:#174331}
.hudl-explorer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0}
.hudl-explorer-grid>div{border-radius:8px;background:#24533e;padding:.6rem}
.hudl-explorer-grid dt{font-size:.76rem;color:#d5e6d9}
.hudl-explorer-grid dd{margin:.15rem 0 0;font-size:1.18rem;font-weight:800;font-variant-numeric:tabular-nums}
.hudl-explorer-legend,.hudl-explorer-caveat{font-size:.83rem;line-height:1.5;color:#d8e2d7}
.hudl-explorer-warning{border-left:3px solid #d7e0d9;padding:.45rem .65rem;background:#31513d;color:#f3f6f3;font-size:.85rem}
.hudl-explorer-tags{margin-top:1rem}
.hudl-explorer-tags ul{columns:2;list-style:none;padding:0;margin:.5rem 0}
.hudl-explorer-tags li{break-inside:avoid;padding:.35rem 0;border-bottom:1px solid #48715a;font-size:.85rem}
.hudl-explorer-tags p{font-size:.8rem;color:#d8e2d7}
.hudl-explorer-links{display:flex;gap:1rem;flex-wrap:wrap;margin:.85rem 0 0}
.hudl-explorer a{color:#e4ece6;font-weight:750;text-underline-offset:3px}
.hudl-explorer :focus-visible{outline:3px solid #e4ece6;outline-offset:3px}
@media(max-width:700px){.hudl-explorer{margin:1rem .65rem}.hudl-explorer-row{grid-template-columns:1fr;gap:.4rem}.hudl-explorer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hudl-explorer-tags ul{columns:1}}

.hudl-explorer-totals{margin:1rem 0 .5rem}.hudl-explorer-totals dd{font-size:clamp(1.5rem,3vw,2.1rem)}
.hudl-explorer-recoveries{margin-top:1.5rem;border-top:1px solid #57806a;padding-top:1.2rem}.hudl-explorer-recoveries details{background:#174331;border-radius:10px;padding:.25rem 1rem}.hudl-explorer-recoveries summary{cursor:pointer;padding:.85rem 0;min-height:44px;font-weight:750}.hudl-explorer-recoveries li{margin:.4rem 0}