/* Mobile counterparts of the same four server-rendered dots families.
   Reuses the desktop palette, existing type scale and 16/24px spacing. */
@media(max-width:767px){
 html body .college-hub-home .chf-promo-track>[data-promo-home][data-dots-layout]{height:340px;min-height:340px;display:flex;align-items:center;justify-content:center}
 html body [data-promo-home][data-dots-layout] .ch-hero-copy{padding:0!important}
 html body [data-promo-home][data-dots-layout] .ch-hero-copy::before,html body [data-promo-home][data-dots-layout] .ch-hero-copy::after{display:none!important}
 html body [data-dots-layout][data-dots-layout]{position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:none;min-height:0;height:auto;margin-inline:0;padding:0;border-radius:0;border-block:1px solid var(--dh-line);overflow:visible;--dh-ink:#223748;--dh-muted:#526779;--dh-line:#d4dfe7;--dh-ground:#edf6fa;--dh-dot:#9bb7c8;--dh-accent:#2479a4;background:var(--dh-ground)!important;color:var(--dh-ink)!important;text-align:center}
 html[data-fs-theme=dark] body [data-dots-layout][data-dots-layout]{--dh-ink:#e7edf4;--dh-muted:#afbdcc;--dh-line:#344455;--dh-ground:#0c1b29;--dh-dot:#294d62;--dh-accent:#89c9ed}
 html body [data-dots-layout][data-dots-layout]::before{content:''!important;display:block!important;position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle,var(--dh-dot) .6px,transparent .9px) 0 0/24px 24px!important;filter:none!important;opacity:1}
 html body [data-dots-layout]::after,html body [data-dots-layout]>[data-season-dots-wash]{display:none!important}
 html body [data-dots-layout] :is(.college-dots-inner,.ch-hero-intro,.home-hero-layout,.hero-layout,.sim-dots-container,.bb-destination-inner,.pp-hero-inner,.ct-hero-inner,.desktop-nfl-directory-inner){position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:none;min-height:0;height:auto!important;padding:40px 16px 24px!important;gap:12px;margin:0;overflow:visible!important}
 html body [data-dots-layout] :is(.fs-dots-title-row,.fs-dots-title-row>div:first-child,.college-dots-inner>div:first-child,.desktop-title-with-mark){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;min-width:0}
 html body [data-dots-layout] :is(.ch-hero-copy,.hero-copy,.home-hero-copy,.fs-dots-title-row>div,.bb-title-fit){width:100%;max-width:100%;min-width:0}
 html body [data-dots-layout][data-dots-layout] h1{margin:0;font-size:28px!important;line-height:1.2!important;font-style:normal;text-transform:none;letter-spacing:-.015em;color:var(--dh-ink)!important;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}
 html body [data-dots-layout] .desktop-title-with-mark>:is(.desktop-hero-mark,.league-hero-mark){display:flex!important;position:static!important;inset:auto!important;flex:0 0 auto;width:48px;height:48px;margin:0!important;align-items:center;justify-content:center;opacity:1!important;filter:none!important;mask-image:none;color:var(--dh-accent)}
 html body [data-dots-layout] .desktop-title-with-mark>:is(.desktop-hero-mark,.league-hero-mark) :is(img,svg){width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:none!important}
 html body [data-dots-layout] :is(.college-dots-description,.ch-hero-copy>p,.hero-copy>p,.home-hero-copy,.bb-desc,.sim-dots-heading>p,.fs-lead){max-width:100%;font-size:14px!important;line-height:1.6!important;color:var(--dh-muted)!important;margin:8px auto 0!important;text-align:center}
 html body [data-dots-layout] :is(.college-dots-breadcrumbs,.ch-breadcrumbs,.ct-breadcrumbs,.pp-breadcrumbs,.breadcrumbs,.sim-dots-back,.sim-dots-breadcrumbs,.college-dots-eyebrow,.cfb-hero-art,.ct-watermark,.pp-watermark,.ch-signature,.home-signature,.hero-signature){display:none!important}
 html body [data-dots-layout] :is(.fs-dots-before,.bb-destination-back){position:static;display:block;align-self:flex-start;margin:0 0 4px;font-size:12px;text-align:left}
 html body [data-dots-layout] :is(.fs-dots-controls,.bb-directory-controls){display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;gap:8px}
 html body [data-dots-layout] :is(.fs-dots-controls,.bb-directory-controls) img{max-width:100%}
 html body .bb-destination-inner>div.flex{flex-direction:column;align-items:center;width:100%;gap:12px}
 html body .bb-destination-inner .bb-title-fit>p{justify-content:center;text-align:center}
 html body .bb-destination-inner .bb-title-fit h1{width:100%}
 html body [data-dots-layout] .dots-mobile-description{display:none!important}
 html body [data-dots-layout] .dots-expandable-description{display:block;width:100%;max-width:100%;margin:8px 0 0;font:400 14px/1.6 var(--font-actor),sans-serif;color:var(--dh-muted)}
 html body [data-dots-layout] .dots-expandable-description summary{display:flex;flex-direction:column;align-items:center;gap:4px;list-style:none;cursor:pointer}
 html body [data-dots-layout] .dots-expandable-description summary::-webkit-details-marker{display:none}
 html body [data-dots-layout] .dots-description-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%}
 html body [data-dots-layout] .dots-description-toggle{font-size:13px;color:var(--dh-accent);text-decoration:underline;text-underline-offset:3px}
 html body [data-dots-layout] .dots-show-less,html body [data-dots-layout] .dots-expandable-description[open] .dots-show-more{display:none}
 html body [data-dots-layout] .dots-expandable-description[open] .dots-show-less{display:inline}
 html body [data-dots-layout] .dots-expandable-description[open] .dots-description-preview{display:block;-webkit-line-clamp:unset;overflow:visible}
 /* Tool wordmarks are the identity; help stays adjacent, with a full touch target. */
 html body .legacy-setup-header{display:block}
 html body [data-dots-layout=brand] .sim-dots-heading{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0;margin:0;text-align:center}
 html body [data-dots-layout=brand] h1{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;padding:0}
 html body [data-dots-layout=brand] :is(.sim-legacy-wordmark,.sim-season-wordmark){width:min(280px,100%);height:auto;max-height:64px;object-fit:contain}
 html body [data-dots-layout=brand] .sim-setup-help{position:static;order:3;display:grid;place-items:center;width:44px;height:44px;margin:0;align-self:center}
 /* Profile data stays server rendered. Three draft insights form one even row. */
 html body [data-dots-layout].pp-destination :is(.pp-destination-copy,.pp-player-school-identity){display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0;text-align:center}
 html body [data-dots-layout].pp-destination .pp-destination-copy{gap:0}
 html body [data-dots-layout].pp-destination .pp-identity-school-logo{display:none}
 html body [data-dots-layout].pp-destination .pp-school-art{position:static;width:80px;height:80px;margin:0;transform:none}
 html body [data-dots-layout].pp-destination .pp-school-art img{width:80px;height:80px;object-fit:contain}
 html body [data-dots-layout].pp-destination .pp-name-switcher{display:block;position:relative;width:auto;margin:0}
 html body [data-dots-layout].pp-destination .pp-name-switcher summary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;list-style:none}
 html body [data-dots-layout].pp-destination .pp-destination-position{display:flex;justify-content:center;gap:8px;margin:0;color:var(--dh-muted)}
 html body [data-dots-layout].pp-destination .pp-destination-position>:is(.pp-desktop-class,span+span,a+span)::before{content:"";display:inline-block;width:3px;height:3px;margin-right:8px;border-radius:50%;background:currentColor;vertical-align:middle}
 html body [data-dots-layout].pp-destination .pp-name-position:not(.ct-desktop-ap){display:inline-flex;align-items:center;padding:3px 6px;border:1px solid var(--dh-line);border-radius:4px;background:var(--dh-panel,var(--dh-ground));color:var(--dh-ink);font-size:14px;line-height:1.2;font-weight:700}
 html body [data-dots-layout].pp-destination .pp-tool-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:4px 0 0;padding:0}
 html body [data-dots-layout].pp-destination .pp-tool-insights>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;color:var(--dh-ink);text-align:center}
 html body [data-dots-layout].pp-destination .pp-insight-label{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;min-width:0;font-size:11px;line-height:1.3}
 html body [data-dots-layout].pp-destination .pp-tool-insights>a>strong{font-size:22px;line-height:1.2}
 html body [data-dots-layout].pp-destination .pp-insight-game{grid-column:1/-1}
 html body [data-dots-layout].pp-destination .pp-insight-game>strong{font-size:14px!important}
 html body [data-dots-layout].pp-destination .pp-hero-production{width:100%;margin:0;padding-top:12px;border-top:1px solid var(--dh-line)}
 html body [data-dots-layout].pp-destination .pp-hero-production dl{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 16px;margin:0}
 html body [data-dots-layout].pp-destination .pp-hero-production dl>div{flex:0 0 calc((100% - 32px)/3);min-width:44px;text-align:center;justify-content:center}
 html body [data-dots-layout].pp-destination .pp-hero-production dd{font-size:22px;margin:0;line-height:1.3}
 html body [data-dots-layout].pp-destination .pp-hero-production dt{font-size:11px;line-height:1.4}
 html body [data-dots-layout] .desktop-switch-panel{position:absolute;z-index:20;left:50%;transform:translateX(-50%);top:100%;width:min(320px,calc(100vw - 32px));padding:16px;border:1px solid var(--dh-line);border-radius:8px;background:var(--dh-ground);color:var(--dh-ink);text-align:left;box-shadow:0 8px 28px #0003}
 html body [data-dots-layout] .desktop-switch-panel label{display:grid;gap:8px}
 html body [data-dots-layout] .desktop-switch-panel input{width:100%;padding:8px;background:var(--dh-ground);border:1px solid var(--dh-line);border-radius:4px}
 html body [data-dots-layout] .desktop-switch-panel nav{display:grid;gap:8px;max-height:240px;overflow:auto;margin-block:12px}
 html body [data-dots-layout] .desktop-switch-panel nav a{display:flex;align-items:center;gap:8px}
 html body [data-dots-layout] .desktop-switch-panel small{display:block}
 /* Lift the name's stacking context, not just the panel trapped inside it. */
 html body [data-dots-layout].pp-destination:has(.pp-name-switcher[open]){z-index:40;overflow:visible!important}
 html body [data-dots-layout].pp-destination .pp-destination-copy:has(.pp-name-switcher[open]){z-index:30}
 html body [data-dots-layout].pp-destination .pp-name-switcher[open]{z-index:31}
 html body .ct-mobile-hero{display:none!important}
 html body .ct-desktop-destination{display:block!important}
 html body [data-dots-layout].pp-destination .pp-insight-label :is(img,svg,.ct-unit-mark){width:24px;height:24px;object-fit:contain;flex:none}
 html body [data-dots-layout].pp-destination .pp-insight-label .ct-unit-mark svg{width:24px;height:24px}
 html body [data-dots-layout] .fs-dots-before{align-items:flex-start!important}
 html body [data-dots-layout].pp-destination .pp-school-art{order:0}
 html body [data-dots-layout].pp-destination .pp-destination-copy{order:1}
 html body [data-dots-layout].pp-destination .pp-tool-insights{order:2}
 html body [data-dots-layout].pp-destination .pp-hero-production{order:3}
 html body [data-dots-layout].pp-destination .pp-insight-position{display:flex!important}
 html body [data-dots-layout].pp-destination :is(.pp-position-rank-label,.pp-desktop-class,.pp-drafted-times){display:inline!important}
 html body [data-dots-layout].pp-destination .pp-stat-label-full{display:none}
 html body [data-dots-layout].pp-destination .pp-stat-label-short{display:inline}
 html body [data-dots-layout].pp-destination .pp-insight-label .pp-draft-clock{width:24px;height:24px}
 html body [data-dots-layout].pp-destination .pp-tool-insights>a .pp-insight-label>svg{overflow:visible}
 html body [data-dots-layout] nav[aria-label=Breadcrumb]{display:none!important}
 html body [data-dots-layout].pp-destination .ct-desktop-ap{display:flex;align-items:center;gap:4px}
 html body [data-dots-layout].pp-destination .pp-tool-insights>a{justify-content:flex-start;min-height:68px}
 html body [data-dots-layout].pp-destination .pp-insight-label{min-height:34px;align-content:center}
}

.sim-description-mobile{display:none}
.dots-copy-mobile{display:none}
@media(max-width:767px){
 /* Shared setup geometry, with the help target outside the centered identity. */
 html body [data-dots-layout=brand] .sim-setup-help{position:absolute;top:8px;right:8px;order:initial;align-self:auto;z-index:2}
 html body [data-dots-layout=brand] .sim-dots-heading{position:static}
 html body [data-dots-layout] :is(.sim-setup-help,[data-scroll-help]){display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #91c8f3;border-radius:6px;background:#dceeff;color:#0075d9;font:600 20px/1 var(--font-actor),sans-serif;text-decoration:none;text-shadow:0 0 7px #0075d940}
 html[data-fs-theme=dark] body [data-dots-layout] :is(.sim-setup-help,[data-scroll-help]){border-color:#347b9b;background:#12384e;color:#4bd8ff;text-shadow:0 0 7px #4bd8ff66}
 html body [data-dots-layout] :is(.sim-setup-help,[data-scroll-help]):focus-visible{outline:2px solid currentColor;outline-offset:3px}
 html[data-fs-theme=dark] body [data-dots-layout] .sim-legacy-wordmark{filter:brightness(0) invert(1)}
 html body [data-dots-layout=brand] .sim-dots-heading{position:static}
 html body .sim-dots-hero[data-dots-layout]{min-height:0!important;border-block:1px solid var(--dh-line)!important}
 html body :is(.sim-game-hero,.sim-season-hero)[data-dots-layout] .sim-dots-container{min-height:226px;padding:40px 16px 24px!important;gap:0;justify-content:flex-start}
 html body :is(.sim-game-hero,.sim-season-hero)[data-dots-layout] .sim-dots-heading{gap:0}
 html body :is(.sim-game-hero,.sim-season-hero)[data-dots-layout] h1{height:96px;min-height:96px;width:100%;flex:none;align-items:flex-end}
 html body [data-dots-layout] .sim-game-brand.sim-game-brand-stacked{width:256px;gap:4px}
 html body [data-dots-layout] .sim-game-official-league{width:44px;height:44px}
 html body [data-dots-layout] .sim-season-wordmark{width:272px;max-width:100%;height:auto;max-height:64px}
 html body .sim-season-hero[data-dots-layout] .sim-dots-container{padding-bottom:8px!important}
 html body .sim-season-hero[data-dots-layout] h1{height:112px;min-height:112px}
 html body [data-dots-layout] .sim-description-desktop{display:none}
 html body [data-dots-layout] .sim-description-mobile{display:inline}
 html body :is(.sim-game-hero,.sim-season-hero)[data-dots-layout] .sim-dots-heading>p{max-width:340px;margin:0 auto!important;min-height:44px}
 /* Match the directory title level: 40px inset, 48px mark, then 12px gap. */
 html body [data-player-hero=player][data-dots-layout] .pp-school-art,
 html body [data-player-hero=player][data-dots-layout] .pp-school-art img{width:48px;height:48px}
 html body [data-player-hero=player][data-dots-layout] :is(.pp-insight-game,.pp-hero-production){display:none!important}
 html body [data-player-hero=player][data-dots-layout] :is(.pp-player-insights,.pp-team-insights){gap:8px}
 html body [data-player-hero=player][data-dots-layout] :is(.pp-player-insights,.pp-team-insights)>a:not(.pp-insight-game){display:grid!important;grid-template-columns:auto auto;grid-template-rows:28px auto;justify-content:center;align-items:center;gap:4px;min-height:0}
 html body [data-player-hero=player][data-dots-layout] .pp-insight-label{display:contents}
 html body [data-player-hero=player][data-dots-layout] .pp-insight-label>:is(.pp-mobile-fs,.pp-insight-position-code,.pp-draft-clock),
 html body [data-player-hero=player][data-dots-layout] .pp-team-insights .pp-insight-label>:first-child{grid-column:1;grid-row:1;justify-self:end;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--dh-ink);opacity:1}
 html body [data-player-hero=player][data-dots-layout] .pp-insight-label :is(.pp-draft-clock,.pp-fs-consensus-mark,.ct-unit-mark)>:is(img,svg){width:20px;height:20px;object-fit:contain}
 html body [data-player-hero=player][data-dots-layout] .pp-insight-label .pp-draft-clock{color:#087fa5}
 html[data-fs-theme=dark] body [data-player-hero=player][data-dots-layout] .pp-insight-label .pp-draft-clock{color:#6cc9e1}
 html body [data-player-hero=player][data-dots-layout] .pp-insight-label .pp-draft-clock>svg{width:16px;height:16px}
 html[data-fs-theme=dark] body [data-player-hero=player][data-dots-layout] .pp-insight-label :is(.pp-mobile-fs,.pp-fs-consensus-mark img){filter:brightness(1.5)}
 html body [data-player-hero=player][data-dots-layout] :is(.pp-player-insights,.pp-team-insights)>a>strong{grid-column:2;grid-row:1;justify-self:start;font-size:clamp(18px,5.5vw,22px);white-space:nowrap;line-height:1.2}
 html body [data-player-hero=player][data-dots-layout] .pp-player-insights>.pp-insight-drafted>strong{font-size:18px}
 html body [data-player-hero=player][data-dots-layout] .pp-insight-label>:is(.pp-mobile-insight-label,.pp-position-rank-label),
 html body [data-player-hero=player][data-dots-layout] .pp-team-insights .pp-insight-label>:last-child{grid-column:1/-1;grid-row:2;font-size:11px;line-height:1.4;color:var(--dh-muted);white-space:nowrap}
 /* Both loading and interactive boards use the same full-bleed header. */
 html body main:has(:is(.bb-directory-page,[data-board-destination])){padding-top:0!important}
 html body :is(.bb-directory-page.bb-directory-page,.bb-destination-page.bb-destination-page,.bb-crowd-shell.bb-crowd-shell){padding-top:0!important;padding-inline:0!important;max-width:none!important}
 html body .bb-destination-page>.bb-stack,html body .bb-crowd-shell>.bb-stack{margin-top:0}
 html body :is(.bb-destination-page,.bb-crowd-shell)>.bb-stack>:not(.bb-destination-hero):not(.bb-destination-hero-wrap){margin-inline:16px}
 html body .bb-destination-page>a{display:none}
 html body .bb-destination-hero[data-dots-layout],html body .bb-directory-header[data-dots-layout]{border-inline:0!important;margin-top:0!important}
 html body .bb-directory-header .college-dots-description{display:block;width:100%}
 html body .bb-directory-header .bb-directory-title-row{display:flex;flex-direction:column;align-items:center;width:100%;gap:12px}
 html body .bb-directory-header .dots-mobile-copy{display:none}
 html body .bb-directory-header .dots-desktop-copy{display:inline}
 html body .bb-directory-header .bb-directory-controls{position:absolute;top:8px;right:8px;width:auto}
 html body .bb-directory-header .college-dots-inner{padding-top:56px!important}
 html body .bb-directory-header .desktop-hero-mark{width:40px;height:40px}
 /* The controls belong inside each mobile hub slide, not on another band. */
 html body .college-hub-home .chf-promo-carousel{position:relative;border-bottom:1px solid var(--ch-line,#344455)}
 html body .college-hub-home .chf-promo-track,
 html body .college-hub-home .chf-promo-track>[data-promo-slide],
 html body .college-hub-home .chf-mobile-art,
 html body .college-hub-home .chf-mobile-art>.arcade-upper{height:340px;min-height:340px}
 html body .college-hub-home .chf-mobile-art .arcade-screen-link{height:100%}
 html body .college-hub-home [data-promo-home][data-dots-layout] .ch-hero-intro{height:100%!important;padding:20px 16px 54px!important;justify-content:center}
 html body .college-hub-home [data-dots-layout] .ch-hero-copy{position:static;transform:none;margin:0!important;max-width:100%;text-align:center}
 html body .college-hub-home [data-dots-layout] .desktop-title-with-mark{display:flex!important;flex-direction:column!important;align-items:center;gap:8px;padding:0!important;max-width:none!important}
 html body .college-hub-home [data-dots-layout] .desktop-title-with-mark>span:last-child{display:block;width:100%}
 html body .college-hub-home [data-dots-layout] .desktop-hero-mark{width:40px;height:40px}
 html body .college-hub-home [data-dots-layout] .ch-shortcuts{margin-top:12px;gap:8px}
 html body .college-hub-home .chf-promo-controls{position:absolute!important;inset:auto 0 0!important;height:44px;min-height:44px;margin:0!important;padding:0 12px;background:transparent!important;z-index:2}
 /* Existing route surfaces use the same dark palette as college pages. */
 html body [data-normalized-page=draft-hq] .fs-dots-controls{position:absolute;top:8px;right:16px;left:auto;width:auto!important}
 html body [data-normalized-page=draft-hq] .college-dots-inner{padding-top:56px!important}
 html[data-fs-theme=dark] body :is([data-normalized-page=draft-hq],[data-normalized-page=team-needs]){color:#e7edf4;background:#0e1822;color-scheme:dark}
 html[data-fs-theme=dark] body :is([data-normalized-page=draft-hq],[data-normalized-page=team-needs]) :is(.bg-white,.bg-gray-50,.bg-slate-50){background-color:#1c2b38!important}
 html[data-fs-theme=dark] body :is([data-normalized-page=draft-hq],[data-normalized-page=team-needs]) :is(.bg-gray-100,.bg-gray-200,.bg-slate-100,.bg-slate-200){background-color:#263b4c!important}
 html[data-fs-theme=dark] body :is([data-normalized-page=draft-hq],[data-normalized-page=team-needs]) :is(.text-black,.text-fanspeak-blue,.text-gray-800,.text-gray-900,.text-slate-800,.text-slate-900){color:#e7edf4!important}
 html[data-fs-theme=dark] body :is([data-normalized-page=draft-hq],[data-normalized-page=team-needs]) :is(.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-slate-400,.text-slate-500,.text-slate-600,.text-slate-700){color:#afbdcc!important}
 html[data-fs-theme=dark] body :is([data-normalized-page=draft-hq],[data-normalized-page=team-needs]) :is(.border-gray-100,.border-gray-200,.border-gray-300,.border-gray-400,.border-slate-100,.border-slate-200,.border-slate-300){border-color:#344455!important}
 html[data-fs-theme=dark] body [data-normalized-page=team-needs] .tn-need-row{background:color-mix(in srgb,var(--tn-need-bg) 22%,#1c2b38)!important;border-color:color-mix(in srgb,var(--tn-need-border) 45%,#344455)!important;color:#e7edf4!important}
 html[data-fs-theme=dark] body [data-normalized-page=team-needs] .tn-need-row input{color:#a5c9ec!important}
}

/* Shared mobile geometry. All route families use these slots; controls never
   participate in the title flow. Paired comparison scoreboards are separate. */
@media(max-width:767px){
 html body [data-dots-layout]:not([data-dots-paired]){--dots-top:40px;--dots-mark:48px;--dots-title:48px;--dots-copy-gap:8px}
 html body [data-dots-layout] .dots-copy-desktop{display:none!important}
 html body [data-dots-layout] .dots-copy-mobile{display:inline}
 html body [data-dots-layout] :is(.college-dots-inner,.home-hero-layout,.hero-layout,.sim-dots-container,.bb-destination-inner,.pp-hero-inner,.ct-hero-inner,.desktop-nfl-directory-inner,.fs-dots-hero-layout){padding:var(--dots-top) 16px 24px!important;gap:var(--dots-copy-gap)!important;justify-content:flex-start;min-height:0}
 html body [data-dots-layout] :is(.fs-dots-title-row,.fs-dots-title-row>div:first-child,.bb-directory-title-row){gap:0}
 html body [data-dots-layout] .desktop-title-with-mark{display:flex!important;flex-direction:column!important;align-items:center;gap:12px!important;padding:0!important;margin:0!important}
 html body [data-dots-layout] .desktop-title-with-mark>:is(.desktop-hero-mark,.league-hero-mark){height:var(--dots-mark)!important;width:var(--dots-mark)!important;min-height:var(--dots-mark);margin:0!important}
 html body [data-dots-layout] .desktop-title-with-mark>.cs-helmet-mark{width:140px!important}
 html body [data-dots-layout] .desktop-title-with-mark>span:not(.desktop-hero-mark):not(.league-hero-mark){min-height:var(--dots-title);align-content:center}
 html body [data-dots-layout] :is(.college-dots-description,.ch-hero-copy>p,.hero-copy>p,.home-hero-copy,.bb-desc,.sim-dots-heading>p,.fs-lead){margin:0 auto!important;padding:0!important;max-width:340px!important;min-height:44px;font-size:14px!important;line-height:22px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 html body [data-dots-layout] :is(.ch-hero-copy,.hero-copy,.home-hero-layout>div,.fs-page-heading){display:flex;flex-direction:column;align-items:center;gap:var(--dots-copy-gap)}
 html body [data-dots-layout] :is(.fs-dots-before,.bb-destination-back,.cs-setup-back,.bb-editor-back){position:absolute!important;top:8px;left:16px;max-width:calc(100% - 32px);margin:0!important;z-index:2}
 html body [data-dots-layout] :is(.fs-dots-controls,.bb-directory-controls){position:absolute;top:8px;right:8px;width:auto!important;z-index:2}
 html body [data-dots-layout] .pp-hero-inner{gap:12px!important}
 html body [data-dots-layout].pp-destination .pp-hero-inner{padding-top:56px!important;padding-bottom:32px!important}
 html body [data-dots-layout].pp-destination .pp-destination-position{min-height:22px;line-height:22px;font-size:14px}
 html body [data-dots-layout].pp-destination .pp-tool-insights{margin-top:16px}
 html body [data-dots-layout].pp-destination h1{min-height:var(--dots-title);align-content:center}
 html body .sim-dots-hero[data-dots-layout] .sim-dots-container{min-height:224px;padding:var(--dots-top) 16px 24px!important;gap:0!important}
 html body .sim-dots-hero[data-dots-layout] .sim-dots-heading{gap:var(--dots-copy-gap)}
 html body .sim-dots-hero[data-dots-layout] h1{height:108px;min-height:108px;align-items:flex-end}
 html body [data-dots-layout] .sim-game-brand.sim-game-brand-stacked{gap:12px;width:256px}
 html body [data-dots-layout] .sim-game-official-league{height:var(--dots-mark);width:var(--dots-mark)}
 html body [data-dots-layout] .sim-game-wordmarks{height:var(--dots-title);display:flex;align-items:center}
 html body [data-dots-layout] :is(.sim-legacy-wordmark,.sim-season-wordmark){height:var(--dots-title);max-height:var(--dots-title);width:272px;object-fit:contain;object-position:center}
 html body .sim-season-hero[data-dots-layout] .sim-dots-heading>p{margin-top:8px!important;text-wrap:balance;-webkit-line-clamp:3}
 html body .college-hub-home [data-promo-home][data-dots-layout] .ch-hero-intro{padding:var(--dots-top) 16px 54px!important;justify-content:flex-start!important}
 html body .college-hub-home [data-dots-layout] .desktop-title-with-mark{gap:12px!important}
 html body [data-dots-layout].desktop-directory-seed{padding:var(--dots-top) 16px 24px!important}
 html body .bb-destination-inner>div.flex> :first-child{width:var(--dots-mark);height:var(--dots-mark);flex:none}
 html body .bb-destination-inner .bb-title-fit h1{min-height:var(--dots-title);align-content:center}
 html body [data-dots-layout] .dots-expandable-description{margin:0!important;font-size:14px;line-height:22px}
 html body [data-dots-layout] :is(.subscribe-hero-content,.settings-hero-content,.profile-hero-content){padding:var(--dots-top) 16px 24px!important}
 html body [data-dots-layout] .subscribe-hero-row{display:flex;flex-direction:column;align-items:center;gap:8px}
 html body [data-dots-layout] .subscribe-hero-row>p{margin:0!important;font-size:14px;line-height:22px;max-width:340px}
 html body [data-dots-layout] .settings-back{position:absolute;top:8px;left:16px;margin:0}
 html body [data-dots-layout] [data-dots-separate-mark]{gap:12px!important}
 html body [data-dots-layout] [data-dots-separate-mark]>:first-child{width:48px;height:48px;flex:none}
 html body [data-dots-layout].mobile-mock-directory{padding:var(--dots-top) 16px 24px!important;gap:8px}
 html body .mobile-mock-directory>div:first-child{justify-content:center;width:100%}
 html body .mobile-mock-directory>div:first-child>div:last-child{position:absolute;top:8px;right:8px}
 html body [data-dots-layout].desktop-directory-seed>.ds-label{position:absolute;top:8px;left:16px}
 html body [data-dots-layout=identity].bb-panel:not(.bb-destination-hero){padding:var(--dots-top) 16px 24px!important}
 html body [data-dots-layout=identity].bb-panel:not(.bb-destination-hero)>div:first-child{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
 html body [data-dots-layout=identity].bb-panel:not(.bb-destination-hero)>div:first-child>:first-child{width:48px;height:48px;flex:none}
 html body:has(.legacy-setup-header[data-tool=draft]) .otc-brand-row h1,
 html body:has(.legacy-setup-header[data-tool=draft]) .otc-brand-actions>a{display:none}
 html body:has(.legacy-setup-header[data-tool=draft]) .otc-brand-row{justify-content:flex-end}
}