.league-overview-panel{
  width:var(--cap-content-width);
  margin:0 auto;
  padding:0 0 36px;
  color:var(--site-ink,#17211f);
}
.league-overview{
  display:grid;
  min-width:0;
  gap:18px;
}
.league-overview>*{min-width:0;max-width:100%}
.league-overview-hero,
.league-landscape,
.league-free-agents{
  border:1px solid var(--site-line,#d7ded9);
  border-radius:10px;
  background:#fff;
  box-shadow:var(--site-shadow,0 12px 30px rgba(25,34,30,.08));
}
.league-overview-hero{
  padding:26px;
  border-top:4px solid #1266b1;
  background:
    radial-gradient(circle at 92% 8%,rgba(45,137,203,.14),transparent 31%),
    linear-gradient(135deg,#fff 0%,#f4f9fd 100%);
}
.league-overview-kicker{
  margin:0 0 6px;
  color:#1266b1;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}
.league-overview-title-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
}
.league-overview-title-row h1{
  margin:0;
  font-size:clamp(30px,4vw,52px);
  line-height:1;
  letter-spacing:-.045em;
}
.league-overview-deck{
  max-width:720px;
  margin:12px 0 0;
  color:var(--site-muted,#4f5b55);
  font-size:14px;
  line-height:1.55;
}
.league-overview-controls{
  display:flex;
  align-items:end;
  gap:10px;
  flex:0 0 auto;
}
.league-field{
  display:grid;
  gap:5px;
}
.league-field label{
  color:#39536a;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.league-field select,
.league-field input{
  min-height:42px;
  border:1px solid #b9cbd9;
  border-radius:6px;
  background:#fff;
  color:#17324a;
  font:800 13px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;
}
.league-field select{padding:0 34px 0 12px}
.league-field input{padding:0 12px}
.league-field select:focus-visible,
.league-field input:focus-visible,
.league-summary-card:focus-visible,
.league-team-open:focus-visible,
.league-team-toggle:focus-visible,
.league-free-agent-link:focus-visible{
  outline:3px solid rgba(18,102,177,.24);
  outline-offset:2px;
  border-color:#1266b1;
}
.league-summary-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-top:22px;
}
.league-summary-card{
  display:grid;
  min-height:92px;
  padding:13px 14px;
  border:1px solid #cbd9e4;
  border-radius:8px;
  background:rgba(255,255,255,.9);
  color:#17324a;
  text-align:left;
  cursor:pointer;
}
.league-summary-card:hover{border-color:#6fa8d3;background:#f5faff}
.league-summary-card[aria-pressed="true"]{
  border-color:#1266b1;
  background:#eaf4fc;
  box-shadow:inset 0 0 0 1px #1266b1;
}
.league-summary-value{
  align-self:end;
  font-size:27px;
  font-weight:950;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.league-summary-label{
  align-self:start;
  margin-top:5px;
  color:#496273;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.league-section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:21px 22px 16px;
  border-bottom:1px solid #dbe5ec;
}
.league-section-heading h2{margin:0;font-size:24px;letter-spacing:-.025em}
.league-section-heading p{margin:5px 0 0;color:var(--site-muted,#4f5b55);font-size:12px;line-height:1.45}
.league-landscape-tools,
.league-free-agent-tools{
  display:flex;
  align-items:flex-end;
  gap:8px;
}
.league-landscape-tools .league-field select{min-width:180px}
.league-accounting-toggle{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 12px;
  border:1px solid #b9cbd9;
  border-radius:6px;
  background:#fff;
  color:#17324a;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
}
.league-accounting-toggle input{width:16px;height:16px;accent-color:#1266b1}
.league-threshold-key{
  display:flex;
  flex-wrap:wrap;
  gap:8px 15px;
  padding:12px 22px;
  border-bottom:1px solid #e1e9ee;
  background:#f8fbfd;
  color:#496273;
  font-size:10px;
  font-weight:800;
}
.league-threshold-key span{display:inline-flex;align-items:center;gap:6px}
.league-threshold-key i{display:block;width:26px;height:5px;border-radius:99px;background:var(--key-color);box-shadow:0 0 0 1px rgba(15,45,66,.08)}
.league-team-list{display:grid;padding:5px 0}
.league-team-row{
  display:grid;
  grid-template-columns:minmax(190px,1.05fr) minmax(350px,2.25fr) minmax(150px,.8fr);
  align-items:center;
  gap:17px;
  min-height:69px;
  padding:9px 22px;
  border-bottom:1px solid #edf1f4;
}
.league-team-row:last-child{border-bottom:0}
.league-team-row:hover{background:#f8fbfd}
.league-team-toggle-wrap{
  padding:13px 22px 18px;
  border-top:1px solid #edf1f4;
  text-align:center;
}
.league-team-toggle-wrap:has(.league-team-toggle[hidden]){display:none}
.league-team-toggle{
  min-height:40px;
  padding:0 18px;
  border:1px solid #1266b1;
  border-radius:6px;
  background:#fff;
  color:#1266b1;
  font:900 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;
  cursor:pointer;
}
.league-team-toggle:hover{background:#eaf4fc}
.league-team-toggle[hidden]{display:none}
.league-team-open{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:3px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.league-team-open img{width:38px;height:38px;object-fit:contain}
.league-team-name{display:block;font-size:13px;font-weight:900;line-height:1.2}
.league-team-status{display:block;margin-top:3px;color:#587083;font-size:10px;font-weight:800}
.league-bar-wrap{display:grid;gap:7px}
.league-bar{
  position:relative;
  height:14px;
  overflow:visible;
  border-radius:99px;
  background:#e8eff4;
}
.league-bar-fill{
  display:block;
  width:var(--payroll-width);
  height:100%;
  border-radius:99px;
  background:var(--status-color,#5b8fd4);
}
.league-threshold-marker{
  position:absolute;
  top:-6px;
  bottom:-6px;
  left:var(--marker-left);
  width:3px;
  transform:translateX(-1.5px);
  border-radius:99px;
  background:var(--marker-color);
  box-shadow:0 0 0 1px rgba(255,255,255,.82);
  opacity:1;
}
.league-bar-labels{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:#647988;
  font-size:9px;
  font-weight:750;
}
.league-team-money{text-align:right;font-variant-numeric:tabular-nums}
.league-team-payroll{display:block;color:#17324a;font-size:15px;font-weight:950}
.league-team-delta{display:block;margin-top:3px;color:#587083;font-size:10px;font-weight:800}
.league-team-dead-cap{display:block;margin-top:3px;color:#667085;font-size:10px;font-weight:850;line-height:1.2;white-space:nowrap}
.league-team-dead-cap.has-dead-cap{color:#b42318}
.league-empty{
  margin:0;
  padding:28px 22px;
  color:#587083;
  text-align:center;
}
.league-free-agent-tools{
  display:grid;
  grid-template-columns:minmax(118px,.7fr) minmax(190px,1.35fr) repeat(2,minmax(118px,.8fr));
  width:min(100%,780px);
}
.league-free-agent-table-wrap{overflow-x:auto}
.league-free-agent-table{
  width:100%;
  border-collapse:collapse;
  font-size:12px;
}
.league-free-agent-table th{
  padding:0;
  border-bottom:1px solid #dbe5ec;
  background:#f8fbfd;
  color:#496273;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-align:left;
  text-transform:uppercase;
}
.league-free-agent-table th.is-number{text-align:right}
.league-free-agent-table th button{
  position:relative;
  display:flex;
  align-items:center;
  gap:6px;
  width:100%;
  min-height:42px;
  padding:8px 14px;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
  text-align:inherit;
  text-transform:inherit;
  cursor:pointer;
}
.league-free-agent-table th.is-number button{justify-content:flex-end}
.league-free-agent-table th button:hover{background:#eaf4fc;color:#13588f}
.league-free-agent-table th button:focus-visible{z-index:1;outline:3px solid rgba(18,102,177,.26);outline-offset:-3px}
.league-free-agent-table th button abbr{text-decoration:none}
.league-free-agent-table th button::after{content:"";width:0;height:0;opacity:.28;border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:6px solid currentColor}
.league-free-agent-table th[aria-sort="ascending"] button::after{opacity:1;border-bottom:6px solid currentColor;border-top:0}
.league-free-agent-table th[aria-sort="descending"] button::after{opacity:1;border-top:6px solid currentColor;border-bottom:0}
.league-free-agent-table th[aria-sort] button{background:#eaf4fc;color:#13588f}
.league-free-agent-table td{padding:9px 14px;border-bottom:1px solid #edf1f4}
.league-free-agent-table tbody tr:hover{background:#f8fbfd}
.league-free-agent-link{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:9px;
  border-radius:5px;
  color:#17324a;
  font-weight:900;
  text-decoration:none;
}
.league-free-agent-link img{
  width:34px;
  height:34px;
  border-radius:50%;
  background:#e8eff4;
  object-fit:cover;
  object-position:center top;
}
.league-free-agent-fallback{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:50%;
  background:#dceaf5;
  color:#1266b1;
  font-size:10px;
  font-weight:950;
}
.league-fa-type{
  display:inline-flex;
  padding:4px 7px;
  border-radius:99px;
  background:#eaf4fc;
  color:#13588f;
  font-size:9px;
  font-weight:900;
}
.league-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.league-money{font-weight:900;font-variant-numeric:tabular-nums}
.league-darko{color:#274d69;font-weight:900}
.league-free-agent-more-wrap{padding:14px 22px;text-align:center}
.league-free-agent-more{min-height:40px;padding:0 18px;border:1px solid #1266b1;border-radius:6px;background:#fff;color:#1266b1;font:900 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.league-free-agent-more:hover{background:#eaf4fc}
.league-free-agent-more[hidden]{display:none}
.league-source-note{
  margin:0;
  padding:13px 22px 16px;
  color:#627684;
  font-size:10.5px;
  line-height:1.45;
}
.league-source-note a{color:#1266b1;font-weight:850}
.cap-control-surface.is-league-view .cap-control-grid{display:none}
.cap-control-surface.is-league-view .cap-view-control{border-top:0}
.cap-control-surface .cap-view-control .view-tabs{
  grid-template-columns:repeat(4,minmax(130px,1fr));
  width:min(100%,880px);
}
body.league-view .season-progress-rail{display:none!important}
body.cap-player-view #league-overview-panel{display:none!important}
@media(max-width:1000px){
  .league-overview-title-row{align-items:stretch;flex-direction:column}
  .league-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .league-team-row{grid-template-columns:minmax(170px,.9fr) minmax(300px,1.7fr) 130px}
  .league-section-heading{align-items:stretch;flex-direction:column}
  .league-free-agent-tools{width:100%}
}
@media(max-width:760px){
  .cap-control-surface .cap-view-control .view-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .league-overview-panel{width:calc(100% - 24px);padding-bottom:24px}
  .league-overview-hero{padding:20px 16px}
  .league-overview-controls{display:grid;grid-template-columns:1fr}
  .league-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
  .league-summary-card{min-height:82px}
  .league-section-heading{padding:18px 16px 14px}
  .league-landscape-tools{align-items:stretch;flex-direction:column}
  .league-landscape-tools .league-field select{width:100%;min-width:0}
  .league-team-list{padding:0}
  .league-team-row{
    grid-template-columns:minmax(0,1fr) auto;
    gap:9px 12px;
    padding:13px 15px;
  }
  .league-team-row .league-bar-wrap{grid-column:1/-1;grid-row:2}
  .league-team-toggle-wrap{padding:13px 16px 16px}
  .league-threshold-key{padding:11px 16px}
  .league-free-agent-tools{grid-template-columns:1fr 1fr}
  .league-free-agent-tools .league-field:first-child{grid-column:1/-1}
  .league-free-agent-table{min-width:980px}
  .league-source-note{padding-right:16px;padding-left:16px}
}
@media(max-width:430px){
  .league-summary-grid{grid-template-columns:1fr 1fr}
  .league-summary-value{font-size:23px}
  .league-free-agent-tools{grid-template-columns:1fr}
  .league-free-agent-tools .league-field:first-child{grid-column:auto}
}
