/* CFB Stat Leaders — standings studio chrome + NFL podium board */

.csl-page .pfn-main {
  background: transparent;
  max-width: none;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}

.hq-content--tool:has(.csl-studio.sched-studio) > .pfn-page-hero--compact {
  display: none;
}

.pfn-tool-panel:has(.csl-studio) {
  max-width: none;
  width: 100%;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.csl-studio.sched-studio {
  --cs-navy: var(--sched-navy, #0a1e3d);
  --cs-blue: var(--sched-blue, #1d7bf4);
  --cs-cyan: #22d3ee;
  --cs-muted: var(--sched-muted, #64748b);
  --cs-border: var(--sched-border, #dbe6f4);
  --cs-soft: #eef4fc;
  background: var(--cs-soft);
  box-shadow: 0 18px 40px -28px rgba(13, 42, 92, 0.28);
}

.csl-page a,
.csl-page a:hover,
.csl-page a:focus,
.csl-page a:visited,
.csl-studio a,
.csl-studio a:hover,
.csl-studio a:focus,
.csl-studio a:visited {
  text-decoration: none !important;
}

.csl-studio .sl-page {
  max-width: none;
  margin: 0;
}

.csl-studio .sl-board {
  margin-top: 0.25rem;
}

/* Other leaders — grid under ranked list (not sidebar stack) */
.csl-other-leaders {
  margin-top: 0.15rem;
  padding: 0.85rem 0.9rem 0.95rem;
  border-radius: 16px;
  background: var(--pfn-bg-soft, #f4f8fd);
  border: 1px solid rgba(11, 31, 58, 0.07);
}

.csl-other-leaders .sl-side-title {
  margin-bottom: 0.7rem;
}

.csl-other-leaders__grid.sl-side-leaders {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}

.csl-other-leaders .sl-side-card--leader {
  min-height: 100%;
  animation-name: csl-other-in;
}

@keyframes csl-other-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 1100px) {
  .csl-other-leaders__grid.sl-side-leaders {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .csl-other-leaders {
    padding: 0.75rem;
  }

  .csl-other-leaders__grid.sl-side-leaders {
    grid-template-columns: 1fr;
  }
}

.csl-brand__visual {
  margin-top: auto;
  padding-top: 0.75rem;
}

.csl-brand__feature {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
  box-shadow: 0 12px 28px rgba(11, 31, 58, 0.16);
}

.csl-studio .sl-table__name-btn {
  color: inherit;
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.csl-studio .sl-table__name-btn:hover {
  color: var(--sl-blue, #00a3ff);
}

.csl-studio .cs-guide {
  margin-top: 1.25rem;
}

@media (max-width: 900px) {
  .csl-brand__feature {
    max-width: 280px;
  }
}

@media (max-width: 640px) {
  .csl-studio .sl-board {
    border-radius: 20px;
    padding: 1.1rem 0.9rem 1rem;
  }
}