:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-state{padding:18px 22px;background:#edf5f1;border:1px solid #cfe0d7;border-radius:16px;margin-bottom:24px;line-height:1.65;color:#244c3d}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-state[data-warning=true]{background:#fff6e5;border-color:#ecd9b0;color:#6c4c1a}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:22px;align-items:end}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-controls label{display:grid;gap:7px;font-size:13px;color:#526059;min-width:170px;flex:1}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-controls input,:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-controls select{width:100%;min-width:0;height:44px;border:1px solid #d8e0dc;border-radius:9px;background:#fff;padding:10px 12px;color:#173b2e;font:inherit}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-search{flex:1.5}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-match{padding:24px;min-width:0;overflow-wrap:anywhere}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-meta{display:flex;justify-content:space-between;gap:12px;color:#6b776f;font-size:12px;line-height:1.5;margin-bottom:18px}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-format{font-weight:700;white-space:nowrap;color:#176248}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-match h2{font-size:20px;line-height:1.5;margin:0 0 4px}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-match time{font-size:13px;color:#6b776f}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-probabilities{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 10px}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-probabilities div{padding:12px;background:#f2f6f3;border-radius:10px;display:grid;gap:4px;min-width:0}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-probabilities strong{font-size:26px;color:#164c38;letter-spacing:-.7px}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-probabilities span{font-size:12px;color:#526059}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-pick{margin-top:20px;padding:20px;background:#edf5ef;border:1px solid #cadfcf;border-left:4px solid #286747;border-radius:12px}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-pick-eyebrow{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#466c53}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-pick h3{margin:0;font-size:24px;line-height:1.3;color:#163f2c}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-pick-market{margin:7px 0 18px;font-size:13px;color:#52695a}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-pick-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-pick-metrics div{display:grid;gap:5px;align-content:start;min-width:0}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-pick-metrics span{font-size:12px;line-height:1.4;color:#52695a}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-pick-metrics strong{font-size:28px;line-height:1.2;color:#163f2c}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-pick-reason{margin:16px 0 0;padding-top:14px;border-top:1px solid #d3e1d6;font-size:13px;line-height:1.6;color:#3c5947}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-pick-source{font-size:12px}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-note{font-size:13px;line-height:1.65;color:#66766c;margin:15px 0}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-outcome{font-size:13px;font-weight:600;color:#284b3a;line-height:1.6}
:is(#cs2-panel,#hockey-panel,#detail-body) details{margin-top:16px;line-height:1.65;font-size:13px;color:#55645c}
:is(#cs2-panel,#hockey-panel,#detail-body) summary{cursor:pointer;color:#23543f;font-weight:600;padding:4px 0}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-map{border-top:1px solid #e4eae6;margin-top:12px;padding-top:12px}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-empty{grid-column:1/-1;padding:36px 28px;border:1px dashed #cfdcd3;border-radius:16px;color:#67746c;text-align:center;line-height:1.7;background:#fff}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-quality{padding:28px;margin-top:26px}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-quality h2{font-size:20px;margin:0 0 16px}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-quality p{line-height:1.7;font-size:13px;color:#66766c}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-stat-row{display:flex;gap:12px;flex-wrap:wrap;font-size:14px;padding:10px 0;border-bottom:1px solid #edf0ed}
:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-stat-row strong{color:#254f3c;min-width:100px}
:is(#cs2-panel,#hockey-panel,#detail-body) button:focus-visible,:is(#cs2-panel,#hockey-panel,#detail-body) summary:focus-visible,:is(#cs2-panel,#hockey-panel,#detail-body) input:focus-visible,:is(#cs2-panel,#hockey-panel,#detail-body) select:focus-visible{outline:3px solid #6cae8a;outline-offset:3px}
@media(max-width:1100px){:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-list{grid-template-columns:1fr}}
@media(max-width:600px){:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-controls{gap:12px}:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-controls label{min-width:100%;width:100%}:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-match,:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-quality{padding:20px}:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-state{padding:16px}:is(#cs2-panel,#hockey-panel,#detail-body) .cs2-match h2{font-size:18px}}

.cs2-odds-source{display:block;max-width:150px;margin-top:5px;font-size:10px;line-height:1.45;white-space:normal;color:#637357}

.event-sport-control{display:grid;gap:8px;max-width:400px;margin:0 0 28px;color:#526059;font-size:14px}
.event-sport-control select{width:100%;min-height:48px;background:white;border:1px solid #cbd8ce;border-radius:10px;padding:10px 14px;color:#173b2e;font:inherit;font-size:16px}
.event-sport-control select:focus-visible{outline:3px solid #6cae8a;outline-offset:3px}
.event-section-title{font-size:22px;margin:0 0 24px}:is(#cs2-panel,#hockey-panel,#detail-body) .page-heading h2{font-size:24px;margin:0 0 10px}
:is(#cs2-panel,#hockey-panel,#detail-body) [hidden],.load-controls [hidden]{display:none!important}
@media(max-width:600px){.event-sport-control{max-width:none}.load-controls{flex-wrap:wrap}.load-controls label{min-width:0;width:100%}}

#hockey-list > article.card{padding:0;overflow:hidden}
.sport-badge.sport-hockey{background:#e7f0f7;color:#24506b}