@import url('/styles/content-ad-layout.css');
/* Shared server HTML; optional development ad reservations are progressively enhanced. */
.cb-bottom,.cb-prospects-rail{--cb-ink:#243748;--cb-muted:#536779;--cb-line:#d5dfe7;--cb-link:#35698d;--cb-surface:#f6f8fa;--cb-icon-lightness:.48;--cb-topic-surface:#fff;color:var(--cb-ink);font:400 14px/1.7 var(--font-actor,'Fanspeak Index Actor'),Arial,sans-serif;min-width:0}
html[data-fs-theme=dark] :is(.cb-bottom,.cb-prospects-rail),[data-player-mode=dark] :is(.cb-bottom,.cb-prospects-rail){--cb-ink:#e3ebf3;--cb-muted:#a8b9c9;--cb-line:#304151;--cb-link:#9ec6e6;--cb-surface:#15212c;--cb-icon-lightness:.75;--cb-topic-surface:#192632}
.cb-bottom{--ch-ink:var(--cb-ink);--ch-muted:var(--cb-muted);--ink:var(--cb-ink);--muted:var(--cb-muted);--link:var(--cb-link);--line:var(--cb-line);padding-top:36px;padding-bottom:36px}
.cb-bottom :is(h2,h3),.cb-prospects-rail :is(h2,h3){font-family:var(--font-exo,'Fanspeak Index Exo'),Arial,sans-serif;font-weight:700;font-style:normal;text-transform:none;letter-spacing:-.015em;color:var(--cb-ink);line-height:1.35}
.cb-bottom a,.cb-prospects-rail a{color:var(--cb-link);text-decoration:none}
.cb-bottom a:hover,.cb-prospects-rail a:hover{text-decoration:underline;text-underline-offset:4px}
.cb-bottom :is(a,summary,[tabindex]):focus-visible,.cb-prospects-rail a:focus-visible{outline:2px solid var(--cb-link);outline-offset:3px}
.cb-bottom .cb-reading{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:28px;align-items:start}
.cb-bottom .cb-reading>.guide-content{min-width:0}
.cb-bottom .cb-reading .guide-grid{gap:26px}
[data-college-base] .cb-bottom .guide-grid article,.cb-bottom .guide-grid article{max-width:none}
.cb-bottom .guide-grid h3{font-size:22px;margin:0 0 12px}
.cb-bottom .guide-grid p,.cb-bottom .college-prose-paragraph{margin:0 0 14px;line-height:1.8}
.cb-bottom .guide-grid p:last-child{margin-bottom:0}
.cb-bottom .index-guide{padding:0 0 20px}
.cb-bottom .questions{padding:12px 0 24px}
.cb-bottom .questions h2{font-size:22px;margin:0 0 10px}
.cb-bottom .questions details{border-bottom:1px solid var(--cb-line)}
.cb-bottom .questions summary{padding:14px 20px 14px 0;min-height:48px}
.cb-bottom :is(article,.questions,h2,h3)[id]{scroll-margin-top:calc(var(--sim-guide-header-offset,var(--college-submenu-height,44px)) + 20px)}
.cb-bottom .cb-rail-slot{min-width:0;height:100%;align-self:stretch}
.cb-bottom .cb-guide-rail{height:100%;min-width:0}
.cb-bottom .cb-guide-sticky{position:sticky;top:calc(var(--sim-guide-header-offset,var(--college-submenu-height,44px)) + 20px)}
.cb-bottom .cb-toc{display:grid;gap:2px;margin-bottom:22px}
.cb-bottom .cb-toc h3{font-size:16px;margin:0 0 8px}
.cb-bottom .cb-toc a{display:block;padding:7px 0;font-size:12px;line-height:1.5;color:var(--cb-muted)}
.cb-memberships{display:grid;gap:12px}
.cb-bottom .cb-member{--cb-accent:#7670ae;position:relative;padding:19px 18px;border:1px solid color-mix(in srgb,var(--cb-accent) 30%,var(--cb-line));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--cb-accent) 18%,transparent),transparent 45%) top left/190px 140px no-repeat,color-mix(in srgb,var(--cb-surface) 94%,white)}
.cb-bottom .cb-member[data-tier=premium]{--cb-accent:#a18343}
html[data-fs-theme=dark] .cb-member[data-tier=free],[data-player-mode=dark] .cb-member[data-tier=free]{--cb-accent:#bab5ed}
html[data-fs-theme=dark] .cb-member[data-tier=premium],[data-player-mode=dark] .cb-member[data-tier=premium]{--cb-accent:#d9bb75}
.cb-member>[data-membership-crown]{position:absolute;right:16px;top:17px;width:20px;height:20px;color:var(--cb-accent)}
.cb-bottom .cb-member h3{font-size:16px;margin:0 28px 8px 0}
.cb-bottom .cb-member p{font-size:12px;line-height:1.7;color:var(--cb-muted);margin:0 0 16px}
.cb-bottom .cb-member-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;border:1px solid color-mix(in srgb,var(--cb-accent) 50%,var(--cb-line));border-radius:999px;padding:8px 14px;font:650 12px/1.4 var(--font-exo,'Fanspeak Index Exo'),sans-serif;color:var(--cb-ink);background:color-mix(in srgb,var(--cb-accent) 7%,transparent)}
.cb-member-cta svg{width:14px;height:14px}
.cb-bottom :is(.cb-free-only,.cb-premium-only){display:none}
html[data-fs-membership=free] .cb-bottom .cb-free-only,html[data-fs-membership=premium] .cb-bottom .cb-premium-only{display:inline-flex}
html[data-fs-membership=premium] .cb-bottom p.cb-premium-only{display:block}
html[data-fs-membership=free] .cb-bottom .cb-guest-only,html[data-fs-membership=premium] .cb-bottom :is(.cb-guest-only,.cb-nonpremium-only,.cb-member[data-tier=free]){display:none}
.cb-bottom :is(.cb-college,.cb-fanspeak){border-top:1px solid var(--cb-line);margin-top:32px;padding-top:24px;min-width:0}
.cb-bottom :is(.cb-college,.cb-fanspeak)>h2{font-size:24px;margin:0 0 12px}
.cb-bottom .cb-link-row{position:relative;min-width:0;margin-top:18px}
.cb-row-heading{display:flex;align-items:center;gap:18px;min-height:34px;margin-bottom:6px;padding-right:86px}
.cb-bottom .cb-row-heading h3,.cb-prospects-rail .cb-row-heading h2{margin:0;font-size:15px}
.cb-row-heading>a{display:inline-flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}
.cb-row-heading>a svg{width:12px;height:12px}
.cb-bottom .cb-link-track{display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--cb-line) transparent;min-width:0;padding:4px 0 10px}
.cb-bottom .cb-link-track>a{display:flex;align-items:center;gap:10px;flex:none;scroll-snap-align:start;min-height:50px;padding:4px 22px;border:0;font:600 13px/1.4 var(--font-exo,'Fanspeak Index Exo'),sans-serif;color:var(--cb-ink);white-space:nowrap}
.cb-bottom .cb-link-track>a:first-child{padding-left:0}
.cb-bottom .cb-link-track>a:last-child{border-right:0}
.cb-link-track>a>img{width:28px;height:28px;object-fit:contain;flex:none}
.cb-bottom img[data-college-logo],.cb-prospects-rail img[data-college-logo]{content:var(--college-logo-light)}
html[data-fs-theme=dark] :is(.cb-bottom,.cb-prospects-rail) img[data-college-logo],[data-player-mode=dark] :is(.cb-bottom,.cb-prospects-rail) img[data-college-logo]{content:var(--college-logo-dark)}
html[data-fs-theme=dark] .cb-bottom .cb-fs-rank img,[data-player-mode=dark] .cb-bottom .cb-fs-rank img{content:url('/marks/fs-dark-32.png')}
.cb-link-track>a>svg{width:12px;height:12px;color:var(--cb-muted)}
.cb-icon{display:grid;place-items:center;color:oklch(var(--cb-icon-lightness) .12 var(--icon-hue));flex:none;width:24px;height:24px}
.cb-icon svg{width:22px;height:22px}
.cb-rank{color:var(--cb-muted);font-size:11px;font-variant-numeric:tabular-nums;margin-right:-4px}
.cb-bottom .cb-player-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;line-height:1.25}
.cb-bottom .cb-player-copy strong{font-weight:600;margin:0;padding:0;line-height:1.25}
.cb-bottom .cb-player-copy small{display:block;margin:1px 0 0;padding:0;color:var(--cb-muted);font:400 11px/1.4 var(--font-actor,'Fanspeak Index Actor'),sans-serif}
.cb-player-meta{display:flex;align-items:center;gap:10px;margin-top:3px}
.cb-bottom .cb-player-meta small{margin:0}
.cb-fs-rank{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-variant-numeric:tabular-nums}
.cb-fs-rank img{width:16px;height:16px;object-fit:contain}
.cb-empty{font-size:12px;color:var(--cb-muted);margin:0}
.cb-bottom .cb-primary-links .cb-row-heading{display:none}
.cb-bottom .cb-primary-links{padding-top:4px}
.cb-bottom .cb-primary-links .cb-link-track{padding-right:80px}
.cb-bottom .cb-simulators{--fs-ink:var(--cb-ink);--fs-line:var(--cb-line);--fs-link:var(--cb-link);--fs-muted:var(--cb-muted);--fs-radius:12px;--fs-font-heading:var(--font-exo,'Fanspeak Index Exo');--fs-font-body:var(--font-actor,'Fanspeak Index Actor');margin-top:30px;border-top:1px solid var(--cb-line);padding-top:22px}
.cb-bottom .cb-simulators h3{font-size:18px;margin:0 0 16px}
.cb-bottom .cb-simulators .fs-compact-promos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cb-bottom .cb-simulators .fs-compact-promo-label{font-size:14px}
.cb-prospects-rail section+section{margin-top:22px}
.cb-prospects-rail .cb-row-heading{justify-content:space-between;padding-right:0}
.cb-prospects-rail nav{display:grid}
.cb-prospects-rail nav>a{display:flex;align-items:center;gap:12px;padding:7px 0;min-height:49px;border:0;color:var(--cb-ink)}
.cb-prospects-rail nav>a>span:nth-child(2){flex:1;min-width:0}
.cb-prospects-rail strong{display:block;font:600 13px/1.4 var(--font-exo,'Fanspeak Index Exo'),sans-serif}
.cb-prospects-rail small{display:block;color:var(--cb-muted);font-size:11px;margin-top:2px}
.cb-prospects-rail nav>a>svg{width:12px;height:12px;color:var(--cb-muted);flex:none}
.cb-quick-icon{width:30px;display:grid;place-items:center;flex:none}
.cb-quick-icon img{width:26px;height:26px;object-fit:contain}
.cb-matchup-icons{display:flex;align-items:center;flex:none;width:42px}
.cb-matchup-icons img{width:22px;height:22px;object-fit:contain}
.cb-vs{font-weight:400;color:var(--cb-muted)}
[data-player-directory] aside:has(.cb-prospects-rail){top:var(--fs-sticky-content-top,16px);max-height:none;overflow:visible}
/* Native buttons disappear automatically at the ends; other browsers keep a scrollbar. */
@supports selector(::scroll-button(right)){
  @media(min-width:768px){
    .cb-bottom .cb-link-track{scrollbar-width:none}
    .cb-bottom .cb-link-track::scroll-button(*){position:absolute;top:0;width:32px;height:32px;border:1px solid var(--cb-line);border-radius:50%;background:var(--cb-surface);color:var(--cb-ink);font:400 22px/1 Arial;cursor:pointer}
    .cb-bottom .cb-link-track::scroll-button(left){content:'‹';right:40px}
    .cb-bottom .cb-link-track::scroll-button(right){content:'›';right:0}
    .cb-bottom .cb-link-track::scroll-button(*):disabled{opacity:.3;cursor:default}
    .cb-bottom .cb-link-track::scroll-button(*):focus-visible{outline:2px solid var(--cb-link);outline-offset:3px}
    .cb-bottom .cb-primary-links .cb-link-track::scroll-button(*){top:13px}
  }
}
@media(max-width:1199px){[data-player-directory] aside:has(.cb-prospects-rail){display:none}[data-player-directory] :is(.pd-list,.pd-controls){grid-column:1/-1}}
@media(max-width:1023px){
  .cb-bottom .cb-reading{grid-template-columns:minmax(0,1fr);gap:24px}
  .cb-bottom .cb-guide-sticky{position:static;display:grid;grid-template-columns:1fr 1.3fr;gap:24px}
  .cb-bottom .cb-toc{margin:0}
}
@media(max-width:767px){
  .cb-bottom{padding-top:28px;padding-bottom:24px}
  .cb-bottom .cb-guide-sticky{display:block}
  .cb-bottom .cb-toc{margin-bottom:18px}
  .cb-bottom .cb-toc a{min-height:40px;padding-block:9px}
  .cb-bottom .cb-memberships{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cb-bottom .cb-member{padding:16px 12px;display:flex;flex-direction:column}
  .cb-bottom .cb-member h3{font-size:14px;margin-right:24px}
  .cb-member>[data-membership-crown]{right:11px;top:15px;width:17px;height:17px}
  .cb-bottom .cb-member p{font-size:11px}
  .cb-bottom .cb-member-cta{margin-top:auto;padding:8px 10px;font-size:11px}
  html[data-fs-membership=premium] .cb-bottom .cb-member[data-tier=premium]{grid-column:1/-1}
  .cb-bottom :is(.cb-college,.cb-fanspeak){margin-top:24px;padding-top:20px}
  .cb-bottom :is(.cb-college,.cb-fanspeak)>h2{font-size:21px}
  .cb-bottom .cb-row-heading{padding-right:0;justify-content:space-between}
  .cb-bottom .cb-college .cb-row-heading{min-height:22px;margin-bottom:0}
  .cb-bottom .cb-primary-links .cb-row-heading{display:flex}
  .cb-bottom .cb-primary-links{padding-top:0}
  .cb-bottom .cb-college .cb-link-track{padding-block:0 6px}
  .cb-bottom .cb-link-track>a{padding-inline:16px;min-height:54px;font-size:12px}
  .cb-bottom .cb-college .cb-link-track>a{min-height:44px}
  .cb-bottom .cb-primary-links .cb-link-track{padding-right:0}
  .cb-bottom .cb-simulators .fs-compact-promos{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:14px;padding-bottom:12px}
  .cb-bottom .cb-simulators .fs-compact-promo{flex:0 0 230px;scroll-snap-align:start}
  .cb-bottom .cb-simulators .fs-compact-promo-label{font-size:14px;display:flex}
  .cb-bottom .cb-simulators .fs-compact-promo-detail{display:block;font-size:12px}
  .cb-bottom .guide-grid h3,.cb-bottom .questions h2{font-size:20px}
}
/* The simulator's prose uses the same reading geometry without importing its client shell. */
.cb-bottom .sim-entry-guide{display:block;margin:0;padding:0;background:none;border:0}
.cb-bottom :is(.sim-entry-reading,.sim-entry-article,.sim-entry-prose,.nfl-setup-guide){max-width:none;margin:0;padding:0;border:0;background:none}
.cb-bottom .sim-entry-article h2{font-size:22px;margin:0 0 20px}
.cb-bottom .sim-entry-prose h3{font-size:20px;margin:24px 0 12px;display:flex;gap:10px}
.cb-bottom .sim-entry-prose p{font-size:14px;line-height:1.8;color:var(--cb-muted)}
.cb-bottom .sim-entry-article :is(h2,h3){color:var(--cb-ink)}
.cb-bottom .sim-faq{max-width:none;margin-top:24px}
.cb-bottom .sim-faq h2{font-size:22px;font-style:normal;text-transform:none;letter-spacing:-.015em}
.cb-bottom .sim-faq-item summary{font-size:15px;font-weight:600;line-height:1.6}

.cb-bottom .fs-compact-promo img{filter:brightness(1.05)}

/* Topic selector: all destinations stay in server HTML; native radios select one panel. */
.cb-bottom [data-discovery-layout=topics] .cb-study-groups{min-width:0}
.cb-bottom [data-discovery-layout=topics] .cb-study-group{display:none;background:var(--cb-topic-surface);padding:22px;border-radius:14px;min-width:0}
.cb-bottom [data-discovery-layout=topics] .cb-study-group h3{font-size:17px;margin:0 0 5px}
.cb-bottom [data-discovery-layout=topics] .cb-study-group p{margin:0 0 14px;color:var(--cb-muted);font-size:12px}
.cb-bottom [data-discovery-layout=topics] .cb-study-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 18px}
.cb-bottom [data-discovery-layout=topics] .cb-study-links>a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;color:var(--cb-ink);font:600 12px/1.45 var(--font-exo,'Fanspeak Index Exo'),sans-serif;border:0}
.cb-bottom [data-discovery-layout=topics] .cb-study-links>a>span:nth-child(2){flex:1}
.cb-bottom [data-discovery-layout=topics] .cb-study-links>a>svg{width:12px;height:12px;flex:none;color:var(--cb-muted)}
.cb-bottom .cb-topic-choices{display:flex;overflow-x:auto;overscroll-behavior-x:contain;gap:8px;padding:6px 0 16px;scrollbar-width:thin;scrollbar-color:var(--cb-line) transparent}
.cb-bottom .cb-topic-choices input{position:absolute;width:1px;height:1px;opacity:0}
.cb-bottom .cb-topic-choices label{display:flex;align-items:center;min-height:42px;flex:none;cursor:pointer;border-radius:999px;padding:8px 16px;background:var(--cb-surface);font-size:12px;color:var(--cb-muted)}
.cb-bottom .cb-topic-choices input:checked+label{color:var(--cb-ink);background:color-mix(in srgb,var(--cb-link) 20%,var(--cb-surface))}
.cb-bottom .cb-topic-choices input:focus-visible+label{outline:2px solid var(--cb-link);outline-offset:2px}
.cb-bottom [data-discovery-layout=topics]:has(.cb-topic-choices input[value="0"]:checked) [data-group="0"],
.cb-bottom [data-discovery-layout=topics]:has(.cb-topic-choices input[value="1"]:checked) [data-group="1"],
.cb-bottom [data-discovery-layout=topics]:has(.cb-topic-choices input[value="2"]:checked) [data-group="2"],
.cb-bottom [data-discovery-layout=topics]:has(.cb-topic-choices input[value="3"]:checked) [data-group="3"]{display:block}
.cb-bottom .cb-simulators{background:transparent}
@media(max-width:767px){
  .cb-bottom [data-discovery-layout=topics] .cb-study-group{padding:18px}
  .cb-bottom [data-discovery-layout=topics] .cb-study-links{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;gap:2px;overflow:visible;padding-bottom:0}
  .cb-bottom [data-discovery-layout=topics] .cb-study-links>a:nth-child(n+7){display:none}
  .cb-bottom [data-discovery-layout=topics] .cb-study-links>a{min-width:0;white-space:normal}
  .cb-bottom [data-discovery-layout=topics] .cb-study-links>a{scroll-snap-align:start}
}
/* Match the simulator hub's smooth link-row paging without adding a client controller. */
@media(prefers-reduced-motion:no-preference){
  .cb-bottom :is(.cb-link-track,.cb-topic-choices,.cb-study-links,.fs-compact-promos){scroll-behavior:smooth}
  .cb-bottom .cb-link-track::scroll-button(*){transition:transform 160ms ease,background-color 160ms ease}
  .cb-bottom .cb-link-track::scroll-button(left):active:not(:disabled){transform:translateX(-2px)}
  .cb-bottom .cb-link-track::scroll-button(right):active:not(:disabled){transform:translateX(2px)}
}

/* Article headings and their matching contents links use title capitalization on every college route. */
[data-college-base] .cb-bottom .guide-content :is(h2,h3),
.cb-bottom .guide-content :is(h2,h3),
.cb-bottom .cb-toc :is(h3,a){text-transform:capitalize}

/* Swipe rails reach the phone edges; only their contents retain the page gutter. */
@media(max-width:767px){
  .cb-bottom{--cb-rail-gutter:var(--college-page-gutter,16px)}
  .cb-bottom :is(.cb-link-track,.cb-topic-choices,.fs-compact-promos){width:calc(100% + var(--cb-rail-gutter) * 2);max-width:none;margin-inline:calc(-1 * var(--cb-rail-gutter));padding-inline:var(--cb-rail-gutter);scroll-padding-inline:var(--cb-rail-gutter);scrollbar-width:none;-ms-overflow-style:none}
  .cb-bottom .cb-primary-links .cb-link-track{padding-right:var(--cb-rail-gutter)}
  .cb-bottom :is(.cb-link-track,.cb-topic-choices,.fs-compact-promos)::-webkit-scrollbar{display:none;width:0;height:0}
}
@media(min-width:1024px){.cb-rail-with-extras{display:flex;flex-direction:column;gap:24px}.cb-rail-with-extras>.fs-rail-group{flex:1;min-height:min-content}}