/* Team Forecast. Uses the shell tokens; probability bars use neutral tones (a favorite is not "good" or "bad"). */
.tf-page{max-width:1120px}
.tf-sections{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border,#24242b);margin:4px 0 18px}
.tf-sections a{padding:10px 14px;color:var(--secondary,#a4a4ae);text-decoration:none;font-size:14px;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;min-height:44px;display:inline-flex;align-items:center}
.tf-sections a:hover{color:var(--text,#f5f5f7)}.tf-sections a.on{color:var(--text,#f5f5f7);border-bottom-color:var(--purple-light,#9672e3)}
.tf-sections a:focus-visible,.tf-row:focus-visible,.tf-strip a:focus-visible,.tf-bar:focus-visible,.tf-plot svg:focus-visible{outline:2px solid #f3bf5d;outline-offset:2px}
.tf-controls{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;margin:0 0 16px}.tf-controls label{display:grid;gap:4px;font-size:12px;color:var(--secondary,#a4a4ae)}.tf-controls .input{min-height:40px}
.tf-controls #tf-asof-help{flex-basis:100%}
.tf-replay{margin:0 0 16px}.tf-note{margin:0 0 14px}
.tf-card{border:1px solid var(--border,#24242b);border-radius:var(--radius,12px);background:var(--surface,#101013);padding:18px 20px;margin:0 0 18px}
.tf-card h2{font-size:18px;margin:0 0 6px}.tf-card h2 small{font-size:13px;color:var(--secondary,#a4a4ae);font-weight:400}.tf-card h3{font-size:13px;margin:14px 0 6px;color:var(--secondary,#a4a4ae);text-transform:uppercase;letter-spacing:.05em}
.tf-empty p{color:var(--secondary,#a4a4ae);line-height:1.6;max-width:760px}
.tf-lede{line-height:1.6;max-width:820px}
.tf-sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.tf-summary,.tf-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:0 0 18px}
.tf-kpi{border:1px solid var(--border,#24242b);border-radius:12px;padding:14px;background:var(--surface,#101013);display:grid;gap:3px}
.tf-kpi span{font-size:12px;color:var(--secondary,#a4a4ae)}.tf-kpi strong{font-size:22px;font-variant-numeric:tabular-nums}.tf-kpi small{font-size:12px;color:var(--muted,#6e6e78);line-height:1.4}
.tf-games{list-style:none;margin:0;padding:0;border-top:1px solid var(--line,#1b1b21)}
.tf-game{border-bottom:1px solid var(--line,#1b1b21)}
.tf-row{display:grid;grid-template-columns:64px minmax(180px,1.4fr) 110px minmax(200px,1.3fr) 96px;gap:12px;align-items:center;width:100%;text-align:left;background:transparent;border:0;color:inherit;font:inherit;padding:11px 6px;cursor:pointer;min-height:52px}
.tf-row:hover{background:var(--hover,#1d1d24)}.tf-row[aria-expanded=true]{background:var(--surface-2,#141418)}
.tf-date{color:var(--secondary,#a4a4ae);font-size:13px;font-variant-numeric:tabular-nums}
.tf-opp{display:grid;gap:2px}.tf-opp b{font-weight:600}.tf-opp small{color:var(--muted,#6e6e78);font-size:11px}
.tf-type{font-size:11px;color:var(--muted,#6e6e78)}.tf-type.conference{color:var(--secondary,#a4a4ae)}.tf-type.conference_tournament,.tf-type.ncaa_tournament,.tf-type.other_postseason{color:var(--amber,#d6a24a)}
.tf-result{font-variant-numeric:tabular-nums}.tf-wl{display:inline-block;width:20px;font-weight:800}.tf-wl.w{color:var(--green,#54c58a)}.tf-wl.l{color:var(--red,#e06c5f)}.tf-upcoming{color:var(--secondary,#a4a4ae);font-size:13px}
.tf-call{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;font-size:13px}.tf-call-label{grid-column:1/-1;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#6e6e78)}
.tf-call b{font-variant-numeric:tabular-nums}.tf-call small{grid-column:1/-1;color:var(--secondary,#a4a4ae)}.tf-call.none small{color:var(--muted,#6e6e78)}
.tf-mini{display:block;height:6px;border-radius:3px;background:#6f8fa8;overflow:hidden;min-width:60px}.tf-mini i{display:block;height:100%;background:#9a86b8}
.tf-outcome{font-size:11px;color:var(--secondary,#a4a4ae);justify-self:end;border:1px solid var(--border,#24242b);border-radius:999px;padding:3px 8px}.tf-outcome.upset{border-color:var(--amber,#d6a24a);color:var(--amber,#d6a24a)}
.tf-detail{padding:4px 8px 18px 76px}.tf-pre h3{font-size:14px;margin:8px 0 2px}.tf-links{margin-top:12px;gap:8px}.tf-detail .kp-card{margin-bottom:10px}
.tf-foot{margin-top:12px}
.tf-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.tf-dist figcaption,.tf-line figcaption{font-weight:600;font-size:15px}.tf-line{margin:10px 0 6px}
.tf-plot{position:relative}.tf-plot svg{width:100%;height:auto;display:block}.tf-plot text{fill:var(--secondary,#a4a4ae);font-size:11px}.tf-plot text.axis{fill:var(--muted,#6e6e78)}.tf-plot .grid{stroke:var(--line,#1b1b21);stroke-width:1}
.tf-bar rect:not(.hit){fill:#4f6a86}.tf-bar.in rect:not(.hit){fill:#3987e5}.tf-bar .hit,.tf-plot .hit{fill:transparent;cursor:pointer}.tf-bar:hover rect:not(.hit),.tf-bar:focus rect:not(.hit){fill:#9cc4f2}
.tf-tip{position:absolute;z-index:3;max-width:320px;background:var(--surface-3,#19191f);border:1px solid var(--border,#24242b);border-radius:8px;padding:6px 9px;font-size:12px;line-height:1.45;pointer-events:none;top:0;left:0}
.tf-line .tf-tip{position:static;margin-top:6px;max-width:none;background:transparent;border:0;padding:0;color:var(--secondary,#a4a4ae)}
.tf-l{fill:none;stroke-width:2;stroke-linejoin:round}.tf-l.wins{stroke:#3987e5}.tf-l.title{stroke:#d95926}.tf-band{fill:rgba(57,135,229,.16);stroke:none}
.tf-gm{fill:var(--surface,#101013);stroke:var(--muted,#6e6e78);stroke-width:1.5}.tf-cursor{stroke:var(--faint,#4c4c55);stroke-width:1;stroke-dasharray:3 3}.tf-dot{stroke:var(--surface,#101013);stroke-width:2}.tf-dot.wins{fill:#3987e5}.tf-dot.title{fill:#d95926}
.tf-table summary,.tf-about summary{cursor:pointer;font-weight:600;font-size:13px;margin-top:8px}
.tf-strip{list-style:none;margin:10px 0 4px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}
.tf-strip a{display:grid;gap:2px;padding:9px 10px;border:1px solid var(--border,#24242b);border-radius:10px;text-decoration:none;color:inherit;min-height:44px;background:linear-gradient(90deg,rgba(154,134,184,.22) calc(var(--p)*1%),transparent calc(var(--p)*1%))}
.tf-strip a:hover{border-color:var(--purple-line,rgba(150,114,227,.35))}.tf-strip-date{font-size:11px;color:var(--muted,#6e6e78)}.tf-strip-opp{font-size:13px;font-weight:600}.tf-strip-p{font-size:13px;font-variant-numeric:tabular-nums}
.tf-lists ul{margin:0;padding-left:18px;font-size:14px;line-height:1.7}
@media (max-width:760px){
 .tf-row{grid-template-columns:52px 1fr auto;grid-template-areas:"date opp result" "date call call" "date outcome outcome";row-gap:6px}
 .tf-date{grid-area:date;align-self:start}.tf-opp{grid-area:opp}.tf-result{grid-area:result;text-align:right}.tf-call{grid-area:call}.tf-outcome{grid-area:outcome;justify-self:start}
 .tf-detail{padding:4px 4px 16px}.tf-card{padding:14px}.tf-grid2{grid-template-columns:1fr}
 .tf-controls{display:grid;grid-template-columns:1fr 1fr}.tf-controls label:last-of-type{grid-column:1/-1}.tf-sections a{padding:10px 10px;font-size:13px}
}
