/* Box Score extras: tighter cards, follow stars, sticky filters, wider desktop layout. Loaded after style.css. */

/* sticky league filter */
.tabs{position:sticky;top:0;z-index:20;background:var(--bg);max-width:none;padding:8px 16px;margin:0;border-bottom:1px solid var(--line)}
.tabs.inpage{position:static;border:0;padding:6px 0}
.tabs>a{flex:none}

/* denser cards */
.list{gap:6px}
.g{padding:7px 12px 7px 18px;gap:0;border-radius:9px}
.g .bar{width:7px}
.g .st{font-size:12px;min-height:18px}
.tm{font-size:16px;gap:8px;line-height:1.35}
.tm i{width:2.9em}
.tm b{font-size:19px;min-width:3ch}
.tm em small{font-size:12px;font-weight:400;color:var(--mute);margin-left:4px}
.tm em[data-go]{cursor:pointer}
.tm em[data-go]:hover{text-decoration:underline}
.g .sub,.g .story,.g .ldr{display:block;font-size:12px;line-height:1.35;margin-top:1px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g .story{color:var(--text);opacity:.85}
.g .ldr::before{content:"Top: ";opacity:.7}
.g.live .sub{color:var(--text)}

/* follow star on every team line */
.cstar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:30px;margin:-4px -4px -4px 0;cursor:pointer;color:var(--mute);border-radius:8px;flex:none}
.cstar:hover{background:var(--line)}
.cstar .star{font-size:17px;line-height:1}
.cstar.on{color:#f5b301}
.g .lg{top:7px}
.g .st{padding-right:44px}
.flag.close{background:#f5b301;color:#111}

/* "Your teams" strip stands out a little */
#yours{border:1px solid var(--line);border-radius:12px;padding:0 10px 10px;margin-top:12px}
#yours h2{margin-top:12px}

/* wider screens: two columns */
@media (min-width:900px){
  .top,main,footer{max-width:1040px}
  .tabs{padding-left:max(16px,calc((100vw - 1040px)/2 + 16px))}
  .days{max-width:none}
  .list{grid-template-columns:1fr 1fr}
  .tm{font-size:17px}
}

/* the old marker star beside the status line is redundant now that every team line has its own star */
.g.fav .st::after,.rc.fav .sc::after{content:none}