/* NBA live updates component inside a news article (plugin/whynba-core/live-updates.php). Scoped to .wn-live* so the
   article template, sidebar widgets and the rest of the page keep their own styles. */
.wn-live-scores{margin:28px 0;padding:18px 18px 8px;background:#f6f3eb;border-top:4px solid #d64624}
.wn-live-scores h2{margin:0 0 4px;font-size:1.35rem;line-height:1.2}
.wn-live-scores-note{margin:0 0 14px;font-size:.8rem;color:#596571}
.wn-live-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.wn-live-card{margin:0}
.wn-live-card a{display:grid;gap:4px;padding:12px 14px;background:#fff;border:1px solid #d7dbdf;border-radius:4px;text-decoration:none;color:#122031;min-height:100%}
.wn-live-card a:hover,.wn-live-card a:focus-visible{border-color:#18304c}
.wn-live-card a:focus-visible{outline:3px solid #2263d1;outline-offset:2px}
.wn-live-card-stage{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#935329}
.wn-live-card-team{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:.92rem}
.wn-live-card-team b{font-size:1.35rem;font-variant-numeric:tabular-nums;line-height:1.2}
.wn-live-card-status{font-size:.75rem;font-weight:700;color:#596571;border-top:1px solid #e3e6e9;padding-top:6px;margin-top:2px}
.wn-live-card[data-state=live] .wn-live-card-status{color:#a2361d}
.wn-live-card[data-state=live] .wn-live-card-status::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#d64624;margin-right:6px;vertical-align:1px}
.wn-live{margin:24px 0}
.wn-live-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px;padding:14px 0;border-top:2px solid #172234}
.wn-live-toolbar button{border:1px solid #bbc3c9;border-radius:3px;background:transparent;color:#364454;padding:8px 12px;cursor:pointer;font:inherit;font-size:.75rem;font-weight:700;min-height:36px}
.wn-live-toolbar button span{font-size:.7rem;margin-left:6px;opacity:.75}
.wn-live-toolbar button:hover{background:#e7eaf0}
.wn-live-toolbar button[aria-pressed=true]{background:#18304c;color:#fff;border-color:#18304c}
.wn-live-toolbar button:focus-visible{outline:3px solid #2263d1;outline-offset:2px}
.wn-live-count{width:100%;margin:2px 0 0;font-size:.75rem;color:#596571}
.wn-live-entry{padding:22px 0 18px;border-top:1px solid #ccd0ce;scroll-margin-top:90px}
.wn-live-entry[hidden]{display:none!important}
.wn-live-entry h3{margin:0 0 12px;font-family:Georgia,serif;font-weight:400;font-size:1.45rem;line-height:1.22}
.wn-live-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 10px!important;font-size:.72rem;line-height:1.4}
.wn-live-topic{color:#ab351c;text-transform:uppercase;font-weight:700;letter-spacing:.06em}
.wn-live-meta time{color:#697480}
.wn-live-anchor{margin-left:auto;text-decoration:none;color:#7b8894;font-size:1rem}
.wn-live-snapshot{background:#e9edf1;border-radius:3px;margin:6px 0 16px;padding:12px 16px}
.wn-live-snapshot p{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0!important;font-size:.85rem}
.wn-live-snapshot b{font-size:1.4rem;font-variant-numeric:tabular-nums;line-height:1.3}
.wn-live-snapshot .wn-live-clock{display:block;font-size:.7rem;font-weight:700;margin-top:8px!important;padding-top:8px;border-top:1px solid #c7ced5}
.wn-live-entry .wn-live-event{font-size:.78rem;color:#697480;border-left:2px solid #c6cdd1;padding-left:10px}
@media (max-width:600px){.wn-live-scores{padding:14px 12px 4px}.wn-live-cards{grid-template-columns:1fr}.wn-live-entry h3{font-size:1.3rem}.wn-live-toolbar button{padding:8px 10px}}