/* College page foundation, shared by App Router HTML and standalone setup HTML.
 * Match the current v2 header's 1300px border box / 20px content inset.
 * Mobile follows the header's horizontally scrolling tool rail (16px).
 * Keep these tokens usable without React, JavaScript, or Tailwind. */
[data-college-base] {
  --college-page-width: var(--fs-page-width, 1300px);
  --college-page-gutter: var(--fs-page-gutter, 20px);
  min-width: 0;
  --college-submenu-height: 44px;
}
/* The section menu, not the global header, owns the sticky position. */
body:has([data-college-base]) header.fs-header-v2[data-fs-site-header],
body[data-college-base] header.fs-header-v2[data-fs-site-header] {
  position: relative;
  top: auto;
}
.college-submenu {
  position: sticky;
  top: 0;
  z-index: 70;
  --college-nav-bg: #fbfcfe;
  --college-nav-ink: #263748;
  --college-nav-line: #c8d0d9;
  --college-nav-button: #fff;
  --college-nav-selected: #dce9f6;
  --college-nav-selected-line: #afc7e0;
  --college-nav-selected-ink: #243e5a;
  color: var(--college-nav-ink);
  background: var(--college-nav-bg);
  border-block: 1px solid var(--college-nav-line);
}
html:is([data-fs-theme="dark"], [data-fs-page-theme="dark"]) .college-submenu,
body[data-setup-document] .college-submenu {
  --college-nav-bg: #233242;
  --college-nav-ink: #afbdcc;
  --college-nav-line: #40546a;
  --college-nav-button: #2b3e50;
  --college-nav-selected: #c3d8ed;
  --college-nav-selected-line: #a1bed9;
}
.college-submenu-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--college-page-width);
  margin-inline: auto;
  padding-inline: var(--college-page-gutter);
  display: flex; gap: 6px; align-items: center; min-width: 0;
  height: 42px;
  overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none;
  padding-block: 5px;
}
/* Keep already-served two-group HTML compatible with the current single row.
 * Next can retain a route's server layout while its public stylesheet updates. */
.college-submenu-row, .college-submenu-links { display: contents; }
.college-submenu-title { display: none; }
.college-submenu-row + .college-submenu-row a[data-college-position=""] { margin-inline-start: 10px; }
.college-submenu-divider {
  flex: 0 0 1px; height: 18px; margin-inline: 4px;
  background: var(--college-nav-line);
}
.college-submenu-inner::-webkit-scrollbar { display: none; }
.college-submenu-links a {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  box-sizing: border-box; min-width: 36px; height: 26px; padding: 0 10px;
  border: 1px solid var(--college-nav-line); border-radius: 2px;
  color: var(--college-nav-ink); background: var(--college-nav-button);
  font: 400 14px/1 var(--font-actor), sans-serif; text-decoration: none; white-space: nowrap;
}
.college-submenu-links a[aria-current="page"] {
  color: var(--college-nav-selected-ink); background: var(--college-nav-selected);
  border-color: var(--college-nav-selected-line);
}
.college-submenu-links a:hover { border-color: var(--college-nav-selected-ink); }
.college-submenu-links a:focus-visible { outline: 2px solid #5284af; outline-offset: 1px; }
[data-college-base] :is(section[id], [data-player-section], #player-section-content, #player-explore) {
  scroll-margin-top: calc(var(--college-submenu-height) + 12px);
}
@media (max-width: 767.98px) {
  [data-college-base] { --college-page-gutter: 16px; }
}
/* Tablets combine the desktop brand row with the scrolling tools row. */
@media (min-width: 768px) {
  body:has([data-college-base]) .fs-header-v2 .fspm-rail {
    padding-inline: var(--fs-page-gutter, 20px);
  }
}

/* Explicit adapters let existing Standard and Control routes share the new
 * foundation without changing their content, experiments, or interaction code.
 * The directory's pd-shell remains full bleed: its pd-content owns the gutter. */
body [data-college-base] :is(
  .college-container:not(.pd-shell), .pd-content, .cs-content, .ts-content,
  .ts-jumps-inner, [data-player-part="body"],
  [data-cfb-band] .max-w-7xl, [data-player-part="breadcrumbs"],
  [data-player-part="hero-body"]
),
body[data-college-base] :is(.sim-dots-container, .nfl-setup-container, .simulator-lower-inner) {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--college-page-width);
  margin-inline: auto;
  padding-inline: var(--college-page-gutter);
  min-width: 0;
}
body [data-college-base] .pd-shell > :not(.pd-browser) {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--college-page-width);
  margin-inline: auto;
  padding-inline: var(--college-page-gutter);
}

/* Full-width paint and scrolling, with the first link on the content edge. */
body [data-college-base] :is(.ps-scroll-row, .player-section-tabs) {
  padding-inline: max(var(--college-page-gutter), calc((100% - var(--college-page-width)) / 2 + var(--college-page-gutter)));
}
body[data-college-base] .fs-v2-route-row .sim-route-links {
  padding-inline: var(--college-page-gutter);
}
body [data-college-base] .ph-hero .ps-slide:not(.ph-tool-slide) {
  padding-inline: var(--college-page-gutter);
}

/* The global footer is outside the App Router college layout. */
body:has([data-college-base]) .fs-common-footer > .max-w-7xl,
body:has([data-college-base]) .fs-footer-legal > div,
body[data-college-base] .fs-common-footer > div:first-child,
body[data-college-base] .fs-footer-legal > div {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--fs-page-width, 1300px);
  margin-inline: auto;
  padding-inline: var(--fs-page-gutter, 20px);
}
@media (max-width: 767.98px) {
  body:has([data-college-base]) .fs-common-footer > .max-w-7xl,
  body:has([data-college-base]) .fs-footer-legal > div,
  body[data-college-base] .fs-common-footer > div:first-child,
  body[data-college-base] .fs-footer-legal > div { padding-inline: 16px; }
}

/* Every college route measures its actual hero, including async detail pages. */
.college-page-body,[data-college-rails-root]{position:relative;display:flow-root;min-width:0}
.cfb-ad-track{display:none}
@media(min-width:1668px){
 [data-college-rails-ready]>.cfb-ad-track{display:block;position:absolute;top:var(--college-ad-start);bottom:0;width:160px;z-index:5;pointer-events:none}
 .cfb-ad-track-left{left:8px}.cfb-ad-track-right{right:8px}
 .cfb-ad-sticky{display:flow-root;position:sticky;top:var(--college-submenu-height,44px);pointer-events:auto;min-height:600px}
}
@media(min-width:1932px){[data-college-rails-ready]>.cfb-ad-track{width:300px}}
[data-college-base] .simulator-lower{--sim-guide-header-offset:44px;--sim-summary-scroll-offset:68px}
[data-college-base] .simulator-lower-inner{max-width:var(--college-page-width,1300px);padding-inline:var(--college-page-gutter,20px)}
[data-college-base] .simulator-lower .guide-content :is(h2,h3){font-size:22px;line-height:1.4}
[data-college-base] .simulator-lower .guide-content p{font-size:14px;line-height:1.8}