/* HoopPact sitewide charcoal–orange theme. Targeted overrides (no filter invert). */
:root{
  color-scheme:dark;
  --hp-bg:#0c0c0e;
  --hp-bg-elev:#16161a;
  --hp-panel:#1a1a1f;
  --hp-panel-2:#222228;
  --hp-text:#f2efe8;
  --hp-muted:rgba(242,239,232,.82);
  --hp-faint:rgba(242,239,232,.62);
  --hp-line:rgba(255,255,255,.12);
  --hp-accent:#FF4F00;
  --hp-accent-2:#ed7129;
  --hp-link:#ffb088;
  --hp-focus:#FF4F00;
  --hp-badge-verified-bg:rgba(34,120,80,.32);
  --hp-badge-verified-fg:#8ee0b0;
  --hp-badge-reported-bg:rgba(40,90,150,.35);
  --hp-badge-reported-fg:#9bc8f0;
  --hp-badge-estimated-bg:rgba(150,100,20,.35);
  --hp-badge-estimated-fg:#f0c878;
  --hp-badge-unknown-bg:rgba(255,255,255,.08);
  --hp-badge-unknown-fg:rgba(242,239,232,.86);
  --bg:var(--hp-bg);
  --panel:var(--hp-panel);
  --card:var(--hp-panel);
  --text:var(--hp-text);
  --muted:var(--hp-muted);
  --accent:var(--hp-accent);
  --border:var(--hp-line);
  --line:var(--hp-line);
  --font-display:"Noto Sans","Segoe UI",sans-serif;
  --font-body:"Noto Sans","Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
}

*{box-sizing:border-box}
html,body{
  background:var(--hp-bg)!important;
  color:var(--hp-text)!important;
  font-family:"Noto Sans","Segoe UI",sans-serif!important;
  font-size:15px;
  line-height:1.45;
}
body{margin:0}

.cq-site-bg{display:none!important}
body.cq-on-landing{position:relative;background:var(--hp-bg)!important}
body.cq-on-landing .site-content{background:var(--hp-bg)!important}
body.cq-on-landing .cq-site-bg{
  display:block!important;
  position:absolute;left:0;right:0;top:0;height:min(70vh,560px);
  z-index:0;pointer-events:none;overflow:hidden;
}
body.cq-on-landing .cq-site-bg::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(12,12,14,.28) 0%,rgba(12,12,14,.4) 55%,rgba(12,12,14,.98) 100%),
    radial-gradient(ellipse at 50% 35%,rgba(12,12,14,.12) 0%,rgba(12,12,14,.55) 75%,rgba(12,12,14,.9) 100%);
}
body.cq-on-landing .cq-site-bg img{
  width:100%;height:100%;object-fit:cover;object-position:center center;
  filter:brightness(.5) contrast(1.06) saturate(.98);
  opacity:.88;transform:scale(1.05);transform-origin:center center;
}

a{color:var(--hp-link)}
a:hover{color:var(--hp-accent)}
button,input,select{font:inherit}
button,a,input,select{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.tab:focus-visible,.chip:focus-visible{
  outline:3px solid var(--hp-focus)!important;outline-offset:3px;
}

main,.site-content,.container,#hpPortal,.static-page{
  background:transparent!important;
  color:var(--hp-text)!important;
}
.container,#hpPortal{
  max-width:1240px!important;margin:auto!important;padding:22px 24px!important;width:100%!important;
}
.container .container{padding:0!important}
main{min-height:65vh}
#viewLanding{max-width:none!important;padding:0!important}
#viewLanding>:not(#hpPortal){display:none!important}

.site-header{
  background:#0a0a0c!important;
  box-shadow:none!important;
  border:0!important;
  border-bottom:1px solid var(--hp-line)!important;
  position:relative!important;
  color:var(--hp-text)!important;
  z-index:2;
}
.header-primary,.header-controls-inner{max-width:1240px!important;margin:auto;padding:12px 24px!important}
.header-primary{min-height:68px;gap:28px}
.header-brand{font-size:26px!important;letter-spacing:-1px;color:#fff!important}
body .header-brand{font-size:26px!important}
.logo{
  background:var(--hp-accent-2)!important;border-radius:4px!important;font-size:15px;font-weight:900;
  letter-spacing:-1px;display:grid;place-items:center;width:34px!important;height:34px!important;color:#fff;
  background-image:none!important;box-shadow:none!important;
}
.logo::before,.logo::after{display:none!important}
.header-nav{gap:3px}
.header-nav .nav-link{color:rgba(242,239,232,.78)!important;font-size:14px!important;border-radius:0;padding:12px!important}
.header-nav .nav-link:hover,.header-nav .nav-link.active{
  background:rgba(255,255,255,.06)!important;color:#fff!important;
  box-shadow:inset 0 -3px var(--hp-accent)!important;
}
.header-controls{background:var(--hp-bg-elev)!important;border:0!important;border-top:1px solid var(--hp-line)!important}
.header-controls-inner{padding-top:8px!important;padding-bottom:8px!important}
.header-controls .input,.header-controls input.input{
  background:var(--hp-panel)!important;color:var(--hp-text)!important;
  border:1px solid var(--hp-line)!important;border-radius:4px!important;font-size:14px!important;height:38px;
  box-shadow:none!important;
}
.header-controls .input::placeholder{color:var(--hp-faint)}
.header-controls .input:focus{border-color:var(--hp-accent)!important}
.controls-left{flex:1}
.search-wrapper{max-width:480px!important}
.search-icon-btn{color:var(--hp-muted)!important}
.header-controls .btn,.langbtn{
  font-size:13px!important;color:var(--hp-text)!important;background:transparent!important;
  border-color:rgba(255,255,255,.22)!important;
}
.langbtn.active{background:var(--hp-accent)!important;color:#fff!important;border-color:var(--hp-accent)!important}
.mobile-nav-btn{color:#fff!important;margin-left:auto}

body.cq-on-landing:not(.cq-mobile-search-open) .header-controls .search-wrapper--primary,
body.cq-on-landing:not(.cq-mobile-search-open) #cqSearchHome{display:none!important}
.header-controls .search-wrapper--primary{flex:1 1 420px;max-width:480px!important}
.header-controls .controls-left{gap:12px}

.search-suggest,.cq-hero-suggest,.cresults,.suggest-panel{
  background:var(--hp-panel)!important;color:var(--hp-text)!important;
  border:1px solid var(--hp-line)!important;box-shadow:0 12px 40px rgba(0,0,0,.45)!important;
}
.search-suggest .citem,.cresults .citem{color:var(--hp-text)!important}
.search-suggest .citem:hover,.cresults .citem:hover{background:rgba(255,255,255,.06)!important}
.search-suggest .muted,.search-suggest .small{color:var(--hp-muted)!important}

.site-footer{
  background:#0a0a0c!important;color:var(--hp-muted)!important;
  margin-top:24px!important;padding-top:28px!important;
  border-top:1px solid var(--hp-line)!important;
}
.footer-inner{max-width:1240px!important;padding:0 24px!important}
.site-footer p,.site-footer a,.footer-bottom{color:var(--hp-muted)!important}
.site-footer a:hover{color:var(--hp-accent)!important}
.site-footer h3,.site-footer h4{color:var(--hp-text)!important}

.trust-bar,#siteTrustStrip{
  background:var(--hp-bg-elev)!important;color:var(--hp-muted)!important;
  border-color:var(--hp-line)!important;
}
.trust-bar .trust-label{color:var(--hp-faint)!important}
.trust-bar{font-size:12px!important}
.btn,.select,select,.input,input,textarea{
  background:var(--hp-panel)!important;color:var(--hp-text)!important;
  border:1px solid var(--hp-line)!important;border-radius:4px!important;font-size:14px!important;
}
.btn:hover{background:var(--hp-panel-2)!important}
.btn:focus,.input:focus,select:focus,textarea:focus{border-color:var(--hp-accent)!important}
.input::placeholder{color:var(--hp-faint)}

.card,.kpi,.item,.teamchip,.drawer,.profile-recent,.player-trust-layer,.player-role-context,
.player-season-bar,.player-role-legend,.compare-modal-panel,.cq-watch-modal-panel,
.mobile-drawer,.cq-mobile-search-panel{
  background:var(--hp-panel)!important;color:var(--hp-text)!important;
  border:1px solid var(--hp-line)!important;border-radius:4px!important;box-shadow:none!important;
}
.card>.hd{background:var(--hp-bg-elev)!important;border-bottom:1px solid var(--hp-line)!important;padding:14px 16px!important}
.card>.bd{padding:16px!important}
.title,#playerName{color:var(--hp-text)!important}
.small,.muted,.sub,.kpi .k,.psub,.td-pos{color:var(--hp-muted)!important}
.small{font-size:13px!important}
.kpi .v{color:#fff!important}

.tab,.chip{
  background:var(--hp-bg-elev)!important;color:var(--hp-muted)!important;
  border-color:var(--hp-line)!important;font-size:14px!important;
}
.tab.active,.chip.active{
  color:var(--hp-text)!important;background:var(--hp-panel)!important;
  box-shadow:inset 0 -3px var(--hp-accent)!important;
}
.tabs{border-bottom:1px solid var(--hp-line)!important;gap:4px!important;background:var(--hp-bg-elev)!important}

.table,.trow,.roster-table{
  color:var(--hp-text)!important;background:var(--hp-panel)!important;border-color:var(--hp-line)!important;
}
.trow.head,thead{background:var(--hp-bg-elev)!important;color:var(--hp-muted)!important}
.roster-table td{border-color:var(--hp-line)!important}
.roster-table tbody tr:nth-child(even){background:rgba(255,255,255,.03)!important}
.roster-table tbody tr:hover{background:var(--hp-panel-2)!important}

.pname-link,.team-name-link{color:#f2efe8!important;text-decoration:none}
.pname-link:hover,.team-name-link:hover{color:var(--hp-accent)!important}
a.pname-link,a.team-name-link{color:#ffc9a8!important}
a.pname-link:hover,a.team-name-link:hover{color:var(--hp-accent)!important}

.player-salary-amt,.player-salary-amt *{
  font-family:"Noto Sans","Segoe UI",sans-serif!important;letter-spacing:-.5px!important;
  font-weight:700!important;color:#f2efe8!important;
}
.player-salary-amt{font-size:32px!important;line-height:1.3!important}
.player-trust-summary{color:var(--hp-muted)!important}
.player-contract-phase,.player-salary-rank{color:var(--hp-muted)!important}
.player-trust-layer{padding:18px!important;border-left:4px solid var(--hp-accent)!important}
.player-trust-summary .trust-pill{background:rgba(255,255,255,.08)!important;color:var(--hp-link)!important}
.player-trust-summary [class*="conf-"]{color:var(--hp-link)!important;background:rgba(255,79,0,.12)!important}
.player-season-bar{margin-top:12px}
#playerName{font-size:25px!important}
#playerAvatar{background:var(--hp-panel-2)!important;border-radius:5px!important}
#playerAvatar svg{display:none}
#playerAvatar::after{content:'HP';color:var(--hp-accent-2);font-size:19px;font-weight:700;display:grid;place-items:center;height:100%}

.static-page{color:var(--hp-text)!important}
.static-page p,.static-page li{color:var(--hp-muted)!important}
.static-page a{color:var(--hp-link)}
.static-page h1,.static-page h2,.static-page h3{color:var(--hp-text)!important}

.hp-status,.salary-badge,.badge{
  border-radius:3px!important;font-size:12px!important;letter-spacing:0!important;white-space:nowrap;
}
.hp-status{padding:3px 7px;display:inline-block;font-weight:600;border:1px solid transparent}
.hp-status.verified,.salary-badge.verified{
  color:var(--hp-badge-verified-fg)!important;background:var(--hp-badge-verified-bg)!important;
  border-color:rgba(142,224,176,.35)!important;
}
.hp-status.reported,.salary-badge.reported{
  color:var(--hp-badge-reported-fg)!important;background:var(--hp-badge-reported-bg)!important;
  border-color:rgba(155,200,240,.35)!important;
}
.hp-status.estimated,.salary-badge.estimated{
  color:var(--hp-badge-estimated-fg)!important;background:var(--hp-badge-estimated-bg)!important;
  border-color:rgba(240,200,120,.35)!important;
}
.hp-status.unknown,.salary-badge.unknown{
  color:var(--hp-badge-unknown-fg)!important;background:var(--hp-badge-unknown-bg)!important;
  border-color:rgba(255,255,255,.14)!important;
}
.hp-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;padding:0 0 14px;color:var(--hp-muted)}

.hp-competition{
  display:flex;justify-content:space-between;gap:24px;align-items:center;
  background:var(--hp-panel);border:1px solid var(--hp-line);border-top:4px solid var(--hp-accent);
  padding:20px 24px;color:var(--hp-text);
}
.hp-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.2px;color:var(--hp-faint)}
.hp-competition h1,.hp-team-head h1{font-size:30px;line-height:1.15;letter-spacing:-.8px;margin:7px 0;color:var(--hp-text)}
.hp-competition h1 span{font-weight:400;color:var(--hp-muted)}
.hp-competition p,.hp-team-head p{font-size:14px;margin:7px 0 0;color:var(--hp-muted)}
.hp-metrics{display:flex;gap:28px}
.hp-metrics>div{display:flex;flex-direction:column;font-size:12px;color:var(--hp-muted)}
.hp-metrics strong{font-size:28px;color:#fff}

.hp-clubs{display:flex;gap:5px;overflow:auto;padding:12px 0;margin-bottom:8px}
.hp-clubs a{
  flex:1;min-width:43px;text-align:center;padding:8px 3px;
  background:var(--hp-panel);border:1px solid var(--hp-line);border-radius:3px;
  color:var(--hp-text);text-decoration:none;font-size:12px;font-weight:700;
}
.hp-clubs a:hover{border-color:var(--hp-accent);color:#fff}

.hp-columns{display:grid;grid-template-columns:1.12fr 1fr;gap:18px;align-items:start}
.hp-panel{
  background:var(--hp-panel)!important;border:1px solid var(--hp-line)!important;
  margin-bottom:18px;min-width:0;color:var(--hp-text);align-self:start;height:auto;
}
.hp-panel h2{
  font-size:17px;line-height:1.3;padding:13px 16px;margin:0;
  background:var(--hp-bg-elev)!important;color:var(--hp-text)!important;font-weight:700;letter-spacing:0;
  border-bottom:1px solid var(--hp-line);
}
.hp-table-scroll{overflow-x:auto}
.hp-table{width:100%;border-collapse:collapse;font-size:14px;color:var(--hp-text);white-space:nowrap;background:transparent}
.hp-table th{
  background:var(--hp-bg-elev);color:var(--hp-muted);text-align:left;font-size:12px;font-weight:700;
  padding:10px 13px;border-bottom:1px solid var(--hp-line);
}
.hp-table td{padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle;color:var(--hp-text)}
.hp-table tbody tr:nth-child(even){background:rgba(255,255,255,.03)}
.hp-table tbody tr:hover{background:var(--hp-panel-2)}
.hp-table a{font-weight:600;text-decoration:none;color:#ffc9a8}
.hp-table a:hover{color:var(--hp-accent);text-decoration:underline}
.hp-table small{display:block;font-size:12px;font-weight:400;color:var(--hp-muted);margin-top:3px}
.hp-table small a{font-weight:400;color:var(--hp-muted)}
.hp-money{font-variant-numeric:tabular-nums;font-weight:700;color:#ffb38a}
.hp-rank{color:var(--hp-faint)}
.hp-note{font-size:12px;color:var(--hp-muted);padding:10px 14px;margin:0;line-height:1.6}
.hp-more{display:block;font-size:13px;font-weight:700;padding:10px 14px;border-top:1px solid var(--hp-line);text-align:right;text-decoration:none;color:var(--hp-accent-2)}
.hp-bar{height:3px;background:rgba(255,255,255,.08);width:100%;margin-top:6px}
.hp-bar i{display:block;height:3px;background:var(--hp-accent)}
.hp-breadcrumb{font-size:12px;color:var(--hp-muted);margin-bottom:12px}
.hp-breadcrumb a{color:var(--hp-link)}
.hp-team-head{
  display:flex;gap:20px;align-items:center;padding:22px;
  background:var(--hp-panel);border:1px solid var(--hp-line);border-top:4px solid var(--hp-accent);
}
.hp-team-abbr{background:var(--hp-panel-2);color:var(--hp-text);font-size:24px;font-weight:800;padding:20px;border-radius:4px}
.hp-team-kpis{display:grid;grid-template-columns:repeat(3,1fr);background:var(--hp-panel);border:1px solid var(--hp-line);border-top:0}
.hp-team-kpis>div{padding:16px 22px;border-right:1px solid var(--hp-line)}
.hp-team-kpis span{display:block;color:var(--hp-muted);font-size:12px}
.hp-team-kpis strong{display:block;color:#fff;font-size:23px;margin-top:6px}
.hp-tabs{display:flex;border-bottom:1px solid var(--hp-line);margin:18px 0 0;background:var(--hp-bg-elev)}
.hp-tabs button{background:none;border:0;color:var(--hp-muted);padding:13px 20px;font-size:14px;cursor:pointer}
.hp-tabs button.active{background:var(--hp-panel);color:var(--hp-text);box-shadow:inset 0 -3px var(--hp-accent);font-weight:700}
.hp-overview{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:20px;color:var(--hp-muted);font-size:14px}
.hp-overview h3{font-size:16px;color:var(--hp-text);margin-top:0}
.hp-overview dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.hp-overview dd{margin:0;color:var(--hp-text)}
.hp-team-view>.section-header,.hp-team-view>#leaguePayrollCard,.hp-team-view #leagueLeft{display:none!important}
.hp-team-view #leagueSplit{display:block!important;margin-top:0!important}
.hp-team-view #leagueRight{display:block!important}
.hp-team-view:not([data-hp-tab="salary"]) #leagueSplit{display:none!important}
.hp-team-view #hpTeamPanel .hp-panel{border-top:0}
.hp-team-view #rosterCard{border-top:0}
.hp-team-view #rosterTitle{font-size:18px}
#hpTeam{display:none}.hp-team-view #hpTeam{display:block}

#rosterCard table,#rosterCard td,#rosterCard th{
  background:var(--hp-panel)!important;color:var(--hp-text)!important;border-color:var(--hp-line)!important;
}
#rosterCard th{background:var(--hp-bg-elev)!important;color:var(--hp-muted)!important;font-size:12px!important}
#rosterCard tr:nth-child(even) td{background:rgba(255,255,255,.03)!important}
#rosterCard tr:hover td{background:var(--hp-panel-2)!important}
#rosterCard .pname{font-size:14px!important}
#rosterCard .td-player{min-height:40px}
#rosterCard .td-salary{font-size:14px!important}
#rosterCard .td-salary *{color:#243d59!important}
#rosterCard .roster-summary,#rosterCard .roster-footer{background:var(--hp-bg-elev)!important;color:var(--hp-muted)!important}
.hp-panel td{line-height:1.4}
.hp-team-view .td-salary.no-value{visibility:visible!important;font-size:13px!important;opacity:1!important;color:var(--hp-muted)!important}
.hp-team-view .td-salary.no-value>div{visibility:visible!important;opacity:1!important}
.hp-team-view .td-salary.no-value>div:first-child:empty::before{content:'—'}

.hp-contract-title{display:flex;gap:10px;align-items:center;font-size:13px;margin:14px 0;color:var(--hp-muted)}
.hp-contract-title>span:last-child{color:var(--hp-muted)}
.hp-contract-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 16px;padding:14px;
  background:var(--hp-panel);border:1px solid var(--hp-line);
}
.hp-contract-grid dt{color:var(--hp-muted);font-size:12px}
.hp-contract-grid dd{font-size:15px;color:var(--hp-text);font-weight:600;margin:5px 0 0}
.hp-contract-grid a{color:#ffc9a8}
.hp-contract-grid dd a{font-size:15px}
.hp-history-label{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--hp-muted)}
.hp-history-label select{padding:8px 10px}
#hpPlayerHistory{border-top:1px solid var(--hp-line);margin-top:18px;color:var(--hp-text)}
#hpPlayerHistory h3{font-size:18px;color:var(--hp-text)}
#viewPlayer [hidden]{display:none!important}

.mobile-drawer{box-shadow:none!important}
.mobile-drawer a{color:var(--hp-text)!important}
.mobile-drawer a:hover{color:var(--hp-accent)!important}

body.force-mobile .site-header .header-controls{display:block!important}
body.force-mobile .site-header .header-controls-inner{display:flex!important}
body.force-mobile .site-header .mobile-nav-btn{display:flex!important;color:#fff!important;margin-left:auto}

body.cq-on-landing .site-header,
body.cq-on-landing .site-content,
body.cq-on-landing .site-footer{position:relative;z-index:1}
body.cq-on-landing .site-header{background:rgba(10,10,12,.92)!important}
body.cq-on-landing .header-controls{background:rgba(16,16,18,.9)!important}
body.cq-on-landing .site-footer{background:#0a0a0c!important}
body.cq-on-landing #hpPortal{
  max-width:1120px!important;padding:0 20px 48px!important;color:var(--hp-text);
}
body.cq-on-landing #siteTrustStrip,
body.cq-on-landing .trust-bar{
  background:rgba(10,10,12,.85)!important;color:var(--hp-muted)!important;border-color:var(--hp-line)!important;
}
#hpPortal .hp-hero{
  position:relative;z-index:1;
  max-width:720px;margin:0 auto 22px;padding:28px 12px 18px;
  text-align:center;
}
#hpPortal .hp-hook{
  margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hp-muted);
}
#hpPortal .hp-hero h1{
  margin:0 auto;font-family:'Bebas Neue',Impact,sans-serif;font-size:clamp(40px,6vw,64px);
  line-height:.95;letter-spacing:.02em;font-weight:400;color:var(--hp-text);
  max-width:16ch;
}
#hpPortal .hp-hero h1 .accent{color:var(--hp-accent)}
#hpPortal .hp-lead{
  margin:14px auto 0;max-width:36rem;font-size:15px;line-height:1.5;color:var(--hp-muted);
}
#hpPortal .hp-brand-line{
  margin-top:10px;font-family:'Bebas Neue',Impact,sans-serif;font-size:18px;letter-spacing:.12em;color:var(--hp-accent-2);
}
#hpPortal .hp-search{
  position:relative;display:flex;gap:10px;margin:18px auto 0;max-width:560px;width:100%;
  text-align:left;
}
#hpPortal .hp-search-input{
  flex:1;min-width:0;height:48px;padding:0 14px;border-radius:6px;
  border:1px solid var(--hp-line)!important;background:var(--hp-panel)!important;color:var(--hp-text)!important;
}
#hpPortal .hp-search-input::placeholder{color:var(--hp-faint)}
#hpPortal .hp-search-btn{
  flex:0 0 auto;height:48px;padding:0 18px;border-radius:6px;border:0!important;
  background:var(--hp-accent)!important;color:#fff!important;font-weight:700;cursor:pointer;
}
#hpPortal .hp-search-btn:hover{background:var(--hp-accent-2)!important}
#hpPortal .hp-search-suggest{
  position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;
  background:var(--hp-panel)!important;border:1px solid var(--hp-line)!important;color:var(--hp-text)!important;
  max-height:320px;overflow:auto;box-shadow:0 12px 40px rgba(0,0,0,.45);
  text-align:left;
}
#hpPortal .hp-search-suggest .citem{color:var(--hp-text)!important}
#hpPortal .hp-search-suggest .citem:hover{background:rgba(255,255,255,.06)!important}
#hpPortal .hp-search-suggest .muted,#hpPortal .hp-search-suggest .small{color:var(--hp-muted)!important}
#hpPortal .hp-popular{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;
  margin:14px auto 0;max-width:40rem;
}
#hpPortal .hp-popular-label{font-size:12px;color:var(--hp-muted);margin-right:4px}
#hpPortal .hp-chip{
  display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;
  border:1px solid var(--hp-line);background:var(--hp-panel);color:var(--hp-text)!important;
  text-decoration:none;font-size:13px;font-weight:600;
}
#hpPortal .hp-chip:hover{border-color:var(--hp-accent);color:#fff!important}
#hpPortal .hp-metrics-row{
  display:flex;flex-wrap:wrap;gap:28px;justify-content:center;
  margin:18px auto 0;padding-top:14px;border-top:1px solid var(--hp-line);max-width:40rem;
}
#hpPortal .hp-metrics-row>div{display:flex;flex-direction:column;gap:2px;align-items:center;min-width:5.5rem}
#hpPortal .hp-metrics-row strong{font-size:26px;color:#fff;font-variant-numeric:tabular-nums}
#hpPortal .hp-metrics-row span{font-size:12px;color:var(--hp-muted);line-height:1.35}
#hpPortal .hp-section,#hpPortal .hp-panel{
  background:var(--hp-panel)!important;border:1px solid var(--hp-line)!important;
  margin-bottom:18px;padding:0 0 4px;border-radius:4px;
}
#hpPortal .hp-section>h2,#hpPortal .hp-panel h2{
  margin:0;padding:14px 16px;font-size:16px;font-weight:700;color:var(--hp-text);
  background:rgba(255,255,255,.03);border-bottom:1px solid var(--hp-line);
}
#hpPortal .hp-table{color:var(--hp-text);background:transparent}
#hpPortal .hp-table th{background:rgba(255,255,255,.04);color:var(--hp-muted);border-bottom-color:var(--hp-line)}
#hpPortal .hp-table td{color:var(--hp-text);border-bottom-color:rgba(255,255,255,.06)}
#hpPortal .hp-table tbody tr:nth-child(even){background:rgba(255,255,255,.03)}
#hpPortal .hp-table tbody tr:hover{background:rgba(255,79,0,.08)}
#hpPortal .hp-table a{color:#ffc9a8}
#hpPortal .hp-table a:hover{color:var(--hp-accent)}
#hpPortal .hp-table small,#hpPortal .hp-table small a{color:var(--hp-muted)}
#hpPortal .hp-money{color:#ffb38a;font-weight:700}
#hpPortal .hp-rank{color:var(--hp-faint)}
#hpPortal .hp-note{color:var(--hp-muted)}
#hpPortal .hp-more{color:var(--hp-accent-2);border-top-color:var(--hp-line)}
#hpPortal .hp-bar{background:rgba(255,255,255,.08)}
#hpPortal .hp-bar i{background:var(--hp-accent)}

#hpPortal .hp-club-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:14px 16px 16px;
}
#hpPortal .hp-club-card{
  display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 12px;
  text-decoration:none;color:var(--hp-text)!important;
  background:rgba(255,255,255,.04);border:1px solid var(--hp-line);border-radius:4px;
}
#hpPortal .hp-club-card:hover{border-color:var(--hp-accent);background:rgba(255,79,0,.12);color:#fff!important}
#hpPortal .hp-club-mark{
  flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;overflow:hidden;
}
#hpPortal .hp-club-mark svg{width:36px;height:36px;display:block}
#hpPortal .hp-club-swatch{display:block;width:28px;height:28px;border-radius:50%;border:1px solid var(--hp-line)}
#hpPortal .hp-club-text{display:flex;flex-direction:column;gap:2px;min-width:0}
#hpPortal .hp-club-text strong{font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hpPortal .hp-club-text small{font-size:11px;color:var(--hp-muted);font-weight:500}
#hpPortal .hp-club-btn{
  display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 6px;
  text-align:center;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.04em;
  color:var(--hp-text)!important;background:rgba(255,255,255,.04);border:1px solid var(--hp-line);border-radius:4px;
}
#hpPortal .hp-club-btn:hover{border-color:var(--hp-accent);color:#fff!important;background:rgba(255,79,0,.12)}
#hpPortal .hp-club-picker-label{display:block;font-size:13px;font-weight:600;color:var(--hp-muted);margin-bottom:8px}
#hpPortal .hp-club-picker-row{display:flex;gap:8px;align-items:stretch}
#hpPortal .hp-club-select{
  flex:1;min-width:0;min-height:48px;padding:0 12px;border-radius:6px;
  border:1px solid var(--hp-line)!important;background:var(--hp-panel-2)!important;color:var(--hp-text)!important;
}
#hpPortal .hp-club-go{
  flex:0 0 auto;min-height:48px;padding:0 16px;border:0;border-radius:6px;
  background:var(--hp-accent)!important;color:#fff!important;font-weight:700;cursor:pointer;white-space:nowrap;
}
#hpPortal .hp-club-go:hover{background:var(--hp-accent-2)!important}
/* Desktop/mobile exclusivity: never show table + cards together.
   .hp-mcard-list must not override .hp-mobile-only hide on desktop. */
#hpPortal .hp-mobile-only{display:none!important}
#hpPortal .hp-desktop-only{display:block}
#hpPortal .hp-desktop-only.hp-club-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding:14px 16px 16px;
}
#hpPortal .hp-club-picker{display:block;padding:14px 16px 16px}
#hpPortal .hp-mcard-list{flex-direction:column;gap:8px;padding:12px 14px}
#hpPortal .hp-mobile-only.hp-mcard-list{display:none!important}
#hpPortal .hp-mcard{
  display:flex;gap:10px;align-items:flex-start;padding:12px;
  background:rgba(255,255,255,.04);border:1px solid var(--hp-line);border-radius:4px;
}
#hpPortal .hp-mcard-rank{
  flex:0 0 auto;min-width:2rem;font-weight:800;color:var(--hp-faint);font-variant-numeric:tabular-nums;
}
#hpPortal .hp-mcard-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
#hpPortal .hp-mcard-name{font-size:15px;font-weight:700;line-height:1.25;word-break:break-word}
#hpPortal .hp-mcard-name a{color:#ffc9a8!important}
#hpPortal .hp-mcard-meta{font-size:13px;color:var(--hp-muted);line-height:1.35}
#hpPortal .hp-mcard-meta a{color:var(--hp-muted)!important}
#hpPortal .hp-mcard-money{font-size:18px;font-weight:800;color:#ffb38a;margin-top:2px}
#hpPortal .hp-mcard-badge{margin-top:2px}
#hpPortal .hp-mcard-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:2px}
#hpPortal .hp-mcard-end{font-size:12px;color:var(--hp-muted)}

#hpPortal .hp-cards{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:14px 16px;
}
#hpPortal .hp-card{
  position:relative;display:flex;flex-direction:column;gap:6px;padding:14px;
  text-decoration:none;color:var(--hp-text)!important;
  background:rgba(255,255,255,.04);border:1px solid var(--hp-line);border-radius:4px;
  transition:border-color .15s ease,background .15s ease;
}
#hpPortal .hp-card:hover{border-color:var(--hp-accent);background:rgba(255,79,0,.1)}
#hpPortal .hp-card-name{font-size:16px;font-weight:700;color:#f2efe8!important;text-decoration:none}
#hpPortal .hp-card-name:hover{color:var(--hp-accent)!important}
#hpPortal .hp-card-team{font-size:13px;margin-bottom:2px}
#hpPortal .hp-card-team a{color:var(--hp-muted)!important}
#hpPortal .hp-card-money{font-size:22px;font-weight:800;color:#ffb38a;margin:4px 0 6px}
#hpPortal .hp-card-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#hpPortal .hp-card-meta{font-size:12px;color:var(--hp-muted)}
#hpPortal .hp-card-cta{
  display:inline-block;margin-top:8px;padding-top:8px;border-top:1px solid var(--hp-line);
  font-size:13px;font-weight:700;color:var(--hp-accent-2)!important;text-decoration:none;
}
#hpPortal .hp-card-cta:hover{color:var(--hp-accent)!important}
#hpPortal .hp-columns{gap:18px;align-items:start}
#hpPortal .hp-panel{align-self:start;height:auto}
#hpPortal .hp-trust{padding-bottom:12px}
#hpPortal .hp-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 16px}
#hpPortal .hp-trust-grid p{margin:8px 0 0;font-size:12px;line-height:1.45;color:var(--hp-muted)}
#hpPortal .hp-trust-links{padding:0 16px 8px;font-size:13px}
#hpPortal .hp-trust-links a{color:var(--hp-accent-2)}
#hpPortal .hp-loading,#hpPortal .hp-error{color:var(--hp-text)}
#hpPortal .hp-error .btn{background:var(--hp-accent)!important;color:#fff!important;border:0!important}
@media(max-width:800px){
  .hp-columns{grid-template-columns:1fr}
  .hp-competition{align-items:flex-start;flex-direction:column;padding:16px}
  .hp-metrics{width:100%;justify-content:space-between;gap:10px}
  .hp-metrics strong{font-size:24px}
  .hp-competition h1,.hp-team-head h1{font-size:25px}
  .container,#hpPortal{padding:14px 12px!important}
  .header-primary,.header-controls-inner{padding-left:12px!important;padding-right:12px!important}
  .hp-table td{padding:9px 10px}
  .hp-table-scroll{max-width:100%;overflow-x:auto}
  .hp-team-kpis{grid-template-columns:1fr}
  .hp-team-kpis>div{padding:10px 16px;border-bottom:1px solid var(--hp-line);border-right:0;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .hp-team-kpis strong{font-size:18px;margin:0}
  .hp-team-head{padding:16px;gap:12px}
  .hp-team-abbr{font-size:18px;padding:12px}
  .hp-tabs{overflow-x:auto}
  .hp-tabs button{padding:13px 12px;white-space:nowrap;font-size:13px}
  .hp-overview{grid-template-columns:1fr;gap:14px;padding:16px}
  .hp-panel h2{font-size:16px}
  .player-salary-amt{font-size:26px!important}
  .card>.hd{flex-wrap:wrap;gap:12px}
  .kpis{grid-template-columns:repeat(2,1fr)!important}
  .hp-legend{gap:6px}
  .mobile-drawer,.cq-mobile-search-panel{background:var(--hp-panel)!important;color:var(--hp-text)!important}
.mobile-drawer{z-index:520!important}
.mobile-drawer-overlay{z-index:510!important}
.mobile-drawer-overlay.open{pointer-events:auto!important}
  .header-controls .controls-left{min-width:0}
  .search-wrapper{width:100%!important}
  .site-footer .footer-inner{grid-template-columns:1fr!important;gap:16px!important}
  .site-footer{padding-top:18px!important;margin-top:16px!important}
  .site-footer .footer-about p{margin:6px 0}
  .hp-home-link{display:none}
  .hp-contract-grid{grid-template-columns:repeat(2,1fr)}
  body .header-controls{display:block!important}
  .header-controls #openCompare,.header-controls #copyLinkBtn{display:none!important}
  .header-controls .controls-right{display:flex!important}
  .header-controls .controls-left{display:flex!important;width:auto!important;flex:1}
  .header-controls-inner{display:flex!important;gap:8px!important}
  body:not(.cq-on-landing) .header-controls .search-wrapper--primary{display:block!important;min-width:0!important;flex:1!important}
  .header-controls .search-wrapper .input{display:block!important;min-height:44px!important;height:44px!important}
  body:not(.cq-on-landing) .header-controls #cqSearchHome{display:contents!important}
  #playerName{font-size:21px!important}
  .header-brand{font-size:23px!important}
  .hp-team-view .roster-table{min-width:0;width:max-content}
  .hp-team-view #rosterTableWrap{overflow-x:auto!important;max-width:100%}
  #hpPortal .hp-hero{padding:20px 8px 14px;max-width:100%}
  #hpPortal .hp-hero h1{font-size:clamp(34px,10vw,48px);max-width:100%}
  #hpPortal .hp-lead{padding:0 4px}
  #hpPortal .hp-search{flex-direction:column;max-width:100%}
  #hpPortal .hp-search-input,#hpPortal .hp-search-btn{width:100%;min-height:48px;height:48px}
  #hpPortal .hp-popular{max-width:100%;padding:0 2px}
  #hpPortal .hp-metrics-row{gap:14px 18px;justify-content:center;max-width:100%}
  #hpPortal .hp-metrics-row>div{min-width:4.5rem}
  #hpPortal .hp-metrics-row strong{font-size:22px}
  #hpPortal .hp-trust-grid{grid-template-columns:1fr 1fr}
  #hpPortal .hp-club-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
  #hpPortal .hp-club-card{min-height:48px}
  #hpPortal .hp-desktop-only{display:none!important}
  #hpPortal .hp-mobile-only{display:block!important}
  #hpPortal .hp-mobile-only.hp-mcard-list{display:flex!important}
  #hpPortal .hp-club-picker{display:block}
  #hpPortal .hp-cards{grid-template-columns:1fr;padding:10px 12px;gap:8px}
  #hpPortal .hp-card{padding:10px 12px;gap:4px}
  #hpPortal .hp-card-money{font-size:20px;margin:2px 0 4px}
  #hpPortal .hp-card-cta{margin-top:6px;padding-top:6px}
  #hpPortal .hp-section>h2,#hpPortal .hp-panel h2{padding:12px 14px}
  #hpPortal .hp-note{padding:8px 12px}
  #hpPortal .hp-mcard-list{padding:10px 12px}
  .roster-table{min-width:0}
}
@media(max-width:480px){
  #hpPortal .hp-trust-grid{grid-template-columns:1fr}
  #hpPortal .hp-club-grid{grid-template-columns:1fr}
}

/* Readable secondary text + table scroll containment (no sitewide overflow-x hide) */
html,body{max-width:100%}
.table-wrap,#rosterTableWrap,.hp-table-scroll,.roster-table-wrap,#gamesTableWrap{
  max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
}
#viewPlayer,#viewLeague,#viewTeam,#hpPortal{max-width:100%;min-width:0}
.trust-bar .trust-label,.player-trust-summary,.player-contract-phase,.player-salary-rank,
.hp-note,.hp-card-meta,.hp-table small,.source-meta,.src-date,.filter-hint,.chip .muted{
  color:var(--hp-muted)!important;
}
.input::placeholder,.header-controls .input::placeholder,#hpPortal .hp-search-input::placeholder,
select option{color:var(--hp-faint)!important}
.tab:hover,.chip:hover{color:var(--hp-text)!important;border-color:rgba(255,255,255,.28)!important}
.tab.active:focus-visible,.chip.active:focus-visible{outline-color:var(--hp-accent)!important}
/* Remap older token leftovers without deleting base rules or team emblem colors */
:root{
  --bg0:var(--hp-bg)!important;
  --bg1:var(--hp-bg-elev)!important;
  --bg2:var(--hp-panel)!important;
  --bg-deep:#0a0a0c!important;
  --text:var(--hp-text)!important;
  --text-2:rgba(242,239,232,.9)!important;
  --muted:var(--hp-muted)!important;
  --muted-2:var(--hp-faint)!important;
}
.modal,.compare-modal,#modalCompare,.cq-watch-modal{
  background:rgba(0,0,0,.72)!important;
}
.compare-modal-panel,.cq-watch-modal-panel,#modalCompare .panel{
  background:var(--hp-panel)!important;color:var(--hp-text)!important;border-color:var(--hp-line)!important;
}
body.hp-games-page,.hp-games-main{background:var(--hp-bg)!important;color:var(--hp-text)!important}
.hp-games-lead,.hp-games-meta,.hp-game-top,.hp-games-status{color:var(--hp-muted)!important}

/* Players directory */
#hpPlayersCatalog{margin:14px 0 24px;padding:0 0 8px}
#hpPlayersCatalog .hd{padding:14px 16px}
.hp-players-filters{
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,0.8fr);
  gap:8px;padding:0 16px 12px;
}
.hp-players-filters .input{min-height:44px;width:100%}
body.cq-on-landing .site-footer{padding-top:20px!important;margin-top:8px!important}
.site-footer .footer-inner{gap:18px}
@media(max-width:800px){
  .hp-players-filters{grid-template-columns:1fr}
  .hp-team-kpis{grid-template-columns:1fr 1fr}
}
/* Shared portal surfaces and compact layouts. Loaded after the legacy components. */
:root{color-scheme:light;--hp-bg:#eef2f6;--hp-bg-elev:#e8eef4;--hp-panel:#fff;--hp-panel-2:#f1f5f9;--hp-text:#192c43;--hp-muted:#526479;--hp-faint:#607185;--hp-line:#d4dee8;--hp-accent:#bf510d;--hp-accent-2:#d66119;--hp-link:#185485;--hp-focus:#c75b13;--hp-badge-verified-bg:#e6f3eb;--hp-badge-verified-fg:#246340;--hp-badge-reported-bg:#e7f0fa;--hp-badge-reported-fg:#235780;--hp-badge-estimated-bg:#fff1d8;--hp-badge-estimated-fg:#7b5310;--hp-badge-unknown-bg:#edf0f4;--hp-badge-unknown-fg:#536174}
body .site-header{background:#142d4b!important;color:white!important}
body .site-footer{background:#142d4b!important}
body .site-footer :is(p,a,h3,h4,.footer-bottom){color:#d7e4f2!important}
body .header-controls{background:#e6edf4!important}
body.cq-on-landing .cq-site-bg{display:none!important}
body.cq-on-landing:not(.cq-mobile-search-open) .header-controls .search-wrapper--primary{display:block!important}
body.cq-on-landing:not(.cq-mobile-search-open) #cqSearchHome{display:block!important}
body :is(.kpi .v,.player-salary-amt,.player-salary-amt *,.hp-team-kpis strong,.hp-money,.hp-contract-grid dd){color:var(--hp-text)!important}
body :is(a.pname-link,a.team-name-link,.pname-link,.team-name-link){color:var(--hp-link)!important}
body .hp-table thead,body .hp-table th{background:#e9eff5;color:#415870}
body .hp-table td{border-bottom:1px solid var(--hp-line);padding:10px 12px}
body .hp-table tbody tr:nth-child(even){background:#f7f9fb}
body .hp-table tbody tr:hover{background:#edf3f9}
body .hp-table th{padding:10px 12px;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
body .hp-money{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
body .hp-money small{white-space:normal;font-size:11px;font-weight:400}
body .hp-table small{display:block;margin-top:3px;color:var(--hp-muted)}
body .hp-team-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
body .hp-team-kpis>div{min-width:0}
body .hp-team-kpis strong{font-size:21px}
body #playerName{margin:0;font-size:28px!important;line-height:1.2}
body .hp-players-catalog h1{font-size:25px;margin:0}
body .hp-players-browse>.section-header{display:none!important}
.hp-league-banner{display:flex;justify-content:space-between;gap:24px;background:#fff;border:1px solid var(--hp-line);border-top:4px solid #d66119;padding:22px 24px;margin-bottom:12px;align-items:center}
.hp-league-banner h1{font-size:32px;letter-spacing:-1px;margin:4px 0;color:#142d4b}
.hp-league-banner h1 span{font-size:19px;letter-spacing:0;color:#607185;margin-left:10px;font-weight:500}
.hp-league-banner p{margin:5px 0;font-size:14px;color:var(--hp-muted)}
.hp-league-banner .hp-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700}
.hp-coverage{display:flex;flex-direction:column;border-left:1px solid var(--hp-line);padding-left:26px;font-size:12px;color:var(--hp-muted)}
.hp-coverage strong{font-size:30px;color:#142d4b;line-height:1.25}
.hp-coverage strong span{font-size:18px;font-weight:400;color:var(--hp-muted)}
.hp-coverage small{margin-top:4px}
.hp-clubs-strip{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:1px;background:var(--hp-line);border:1px solid var(--hp-line);margin-bottom:20px}
.hp-club-tile{background:#fff;text-align:center;text-decoration:none;padding:10px 4px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}
.hp-club-tile:hover{background:#edf3f9}
.hp-club-tile b{display:grid;place-items:center;border:1px solid #dae3ec;border-radius:3px;background:#f0f4f8;width:36px;height:30px;font-size:12px;color:#213d5f}
.hp-club-tile span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.hp-home-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:start}
body #hpPortal .hp-section{margin:0;max-width:none;width:100%;background:#fff;border:1px solid var(--hp-line);border-radius:3px;overflow:hidden}
body #hpPortal .hp-section>h2{margin:0;padding:12px 15px;background:#142d4b;color:white;font:700 16px/1.35 'Segoe UI',sans-serif;letter-spacing:0;text-transform:none;border:0}
.hp-toolbar{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:12px;border-bottom:1px solid var(--hp-line)}
.hp-toolbar select{padding:6px 9px;max-width:75%}
.hp-payroll-window{max-height:448px;overflow:auto}
.hp-expiry-window{max-height:385px;overflow:auto}
.hp-payroll-window thead,.hp-expiry-window thead{position:sticky;top:0;z-index:1}
.hp-count{font-size:12px;display:inline-block;background:#2e4968;padding:2px 7px;margin-left:8px;border-radius:3px}
.hp-guide-body{padding:8px 16px 18px;font-size:13px}
.hp-guide-body p{display:flex;align-items:start;gap:12px;margin:17px 0}
.hp-guide-body .hp-status{flex:0 0 94px;text-align:center}
.hp-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px;border-top:1px solid var(--hp-line);font-size:13px}
button:disabled{opacity:.45;cursor:default}
.hp-team-view #mobileStack :is(#teamListCard,#trendingCard,#compactPayrollCard){display:none!important}
.hp-team-view .roster-table-wrap{content-visibility:visible!important;contain:none!important;height:auto!important;min-height:100px;overflow-x:auto!important}
.hp-team-view :is(#rosterCard,#rosterCard>.bd,#leagueSplit,#leagueRight){content-visibility:visible!important;contain:none!important;height:auto!important;max-height:none!important}
body .hp-team-view .roster-table{display:table!important;width:100%;min-width:650px}
body .hp-team-view .roster-table :is(tbody,thead){position:static!important}
body .hp-team-view .roster-table tbody{display:table-row-group!important}
body .hp-team-view .roster-table tr{display:table-row!important;contain:none!important}
body .hp-team-view .roster-table td{display:table-cell!important}
body .hp-tabs button{color:var(--hp-muted);background:var(--hp-bg-elev)}
body .hp-tabs button.active{color:var(--hp-text);background:#fff}
body .mobile-drawer-nav .nav-link{color:var(--hp-text)!important}
body .site-content :is(.lb-tab,.sal-filter-btn){color:var(--hp-text)}
body .hp-overview{grid-template-columns:minmax(160px,.6fr) minmax(0,1.4fr)}
.hp-overview dl{margin:0}.hp-overview dt{font-size:12px;color:var(--hp-muted);margin-top:12px}.hp-overview dd{margin:3px 0 12px;font-weight:600}
@media(max-width:760px){
 .hp-home-grid{grid-template-columns:1fr}
 .hp-league-banner{padding:16px;gap:12px;align-items:start}
 .hp-league-banner h1{font-size:25px}.hp-league-banner h1 span{display:block;margin:4px 0;font-size:16px}
 .hp-league-banner p{font-size:12px}.hp-coverage{padding-left:12px;max-width:125px;font-size:11px}.hp-coverage strong{font-size:25px}
 .hp-clubs-strip{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px}
 .hp-club-tile{padding:7px 3px}.hp-club-tile span{font-size:9px}
 body .hp-team-kpis{grid-template-columns:1fr 1fr}
 body .hp-team-kpis>div{display:block;padding:12px;border-bottom:1px solid var(--hp-line)}
 body .hp-team-kpis strong{margin-top:6px;font-size:18px}
 body .hp-overview{grid-template-columns:1fr}
 body .hp-tabs{overflow-x:auto;flex-wrap:nowrap}
 body .hp-tabs button{white-space:nowrap;padding:12px 10px;font-size:12px}
 body #hpPortal .hp-table{font-size:12px;min-width:0}
 body #hpPortal .hp-table td,body #hpPortal .hp-table th{padding:8px}
 body #hpPortal .hp-table .hp-status{font-size:10px!important;padding:3px 4px}
 .hp-guide-body p{font-size:12px}
 body .force-mobile .mobile-nav-btn,body.force-mobile .site-header .mobile-nav-btn{color:#192c43!important}
}

body.cq-on-landing .site-header{background:#142d4b!important}
body.cq-on-landing .header-controls{background:#e6edf4!important}
body.cq-on-landing .site-footer{background:#142d4b!important}
body.cq-on-landing .header-controls #cqSearchHome{display:contents!important}
body .header-controls .search-wrapper--primary{width:100%;max-width:480px!important}
body .header-primary #mobileNavBtn{color:white!important}
body .hp-team-view #teamsCard,body .hp-team-view #trendingCard,body .hp-team-view #compactPayrollCard{display:none!important}
body .hp-salary-detail [style*="color:rgba(255"],body .hp-salary-detail [style*="color: rgba(255"]{color:var(--hp-muted)!important}
body .hp-salary-detail a{color:var(--hp-link)!important}
body .player-trust-summary [class*="conf"],body .conf-high{color:#236447!important;background:#e6f3eb!important}
body .td-salary,body .td-salary>div,body .td-salary small{color:var(--hp-text)!important}
body .td-salary a,body .td-salary .small{color:var(--hp-link)!important}
body #rosterPayrollFooter{background:var(--hp-bg-elev)!important}
body .static-page .cq-lb-row{background:#fff;border-bottom:1px solid var(--hp-line);padding:10px 12px}
body .static-page .cq-lb-rank{color:var(--hp-text)!important}
body .static-page table{background:#fff;border:1px solid var(--hp-line);border-collapse:collapse;width:100%}
body .static-page th,body .static-page td{padding:10px 12px;border-bottom:1px solid var(--hp-line)}
body .static-page td[style*="color:rgba(255"]{color:var(--hp-text)!important}
body .hp-team-view .hp-team-head{margin-top:0}
@media(max-width:760px){body #hpPortal .hp-section-salaries{overflow:auto}body #hpPortal .hp-home-grid .hp-table{width:100%}body #hpPortal .hp-home-grid .hp-table .hp-money{white-space:normal}body #hpPortal .hp-home-grid .hp-table .hp-status{white-space:normal}body .header-controls .controls-left{min-width:0;flex:1}body .header-controls .search-wrapper--primary{max-width:none!important;width:100%!important}}

body #pageLeaderboard{max-width:1192px!important;margin:24px auto!important;background:#fff!important;padding:22px!important;border:1px solid var(--hp-line);border-radius:3px}
body .lb-table{background:white;width:100%;border-collapse:collapse;font-size:14px}
body .lb-table th,body .lb-table td{padding:10px 14px;border-bottom:1px solid var(--hp-line)}
body .lb-table .lb-rank{color:var(--hp-text)!important}
body .lb-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}
body .lb-table tr:nth-child(even){background:#f7f9fb}
body .hp-players-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:760px){body #pageLeaderboard{margin:14px!important;padding:14px!important}body .hp-players-filters{grid-template-columns:1fr 1fr}body .hp-players-filters input{grid-column:1/-1}body .lb-table th,body .lb-table td{padding:8px;font-size:12px}}
/* Keep shared search suggestions above the portal, including the landing route. */
body .site-header,body.cq-on-landing .site-header{z-index:30!important;overflow:visible!important}
body.cq-on-landing .site-content{z-index:0}
body #searchSuggest{z-index:100!important;max-height:min(360px,60vh);overflow:auto}
body.cq-on-landing #hpPortal{max-width:1240px!important;padding:20px 24px 32px!important}
@media(max-width:760px){body.cq-on-landing #hpPortal{padding:14px!important}}
body .td-salary :is(div,span,strong,b,a){color:var(--hp-text)!important}
body .td-salary a{color:var(--hp-link)!important}
body .hp-team-view .roster-table tr[style*="display: none"],body .hp-team-view .roster-table tr[style*="display:none"],body .hp-team-view .roster-table tr[hidden]{display:none!important}
/* Homepage introduction: explain the product before presenting the database. */
#hpPortal .hp-welcome{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;padding:26px 28px;background:#fff;border:1px solid var(--hp-line);border-top:4px solid var(--hp-accent);margin-bottom:16px}
#hpPortal .hp-welcome .hp-eyebrow{font-size:11px;font-weight:700;letter-spacing:.11em;margin:0 0 10px;color:var(--hp-muted)}
#hpPortal .hp-welcome h1{font:750 36px/1.13 'Segoe UI',sans-serif;letter-spacing:-1px;color:var(--hp-text);margin:0 0 13px;max-width:560px}
#hpPortal .hp-welcome-lead{font-size:15px;line-height:1.6;color:var(--hp-muted);margin:0;max-width:600px}
.hp-welcome-actions>label{display:block;font-weight:650;font-size:15px;margin-bottom:9px}
#hpPortal .hp-welcome .hp-search{margin:0;max-width:none;display:flex;flex-direction:row;position:relative;z-index:5;gap:8px}
#hpPortal .hp-welcome .hp-search-input{width:0;flex:1;height:48px;min-height:48px;border-color:#9aafc4!important;background:#fff!important;font-size:14px!important}
#hpPortal .hp-welcome .hp-search-btn{width:auto;height:48px;min-height:48px;font-size:14px;flex:0 0 auto;padding:0 16px;color:#fff;background:var(--hp-accent)}
#hpPortal .hp-welcome .hp-search-suggest{top:calc(100% + 8px)!important;left:0!important;right:0!important;width:100%!important;max-height:300px;margin:0!important;z-index:20;text-align:left}
.hp-welcome-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}
.hp-welcome-links a,.hp-welcome-links button{font-size:13px;font-weight:650;text-decoration:none;padding:9px 12px;border-radius:3px;border:1px solid #cbd8e4;cursor:pointer;color:var(--hp-link);background:#fff}
.hp-welcome-links .hp-primary-action{color:#fff;background:#142d4b;border-color:#142d4b}
.hp-welcome-trust{font-size:11px;color:var(--hp-muted);margin:12px 0 0;line-height:1.5}
.hp-discover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.hp-discover article{padding:16px 18px;background:#fff;border:1px solid var(--hp-line);border-radius:3px}
.hp-discover-label{font-size:10px;letter-spacing:.08em;font-weight:700;color:var(--hp-accent);margin:0 0 8px}
#hpPortal .hp-discover h2{margin:0 0 8px;padding:0;font-size:17px;line-height:1.35;letter-spacing:0}
.hp-discover h2 a,.hp-discover h2 button{color:var(--hp-text);font:inherit;font-weight:700;background:none;border:0;padding:0;text-align:left;text-decoration:none;cursor:pointer}
.hp-discover h2 a:hover,.hp-discover h2 button:hover{color:var(--hp-accent)}
.hp-discover article>p:not(.hp-discover-label){font-size:12px;color:var(--hp-muted);line-height:1.5;margin:0 0 10px}
.hp-discover-example{border-top:1px solid var(--hp-line);padding-top:9px;display:grid;gap:7px;font-size:12px}
.hp-discover-example>span{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.hp-discover-example b{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
.hp-discover-example small{color:var(--hp-muted);white-space:nowrap}
.hp-club-directory{border:1px solid var(--hp-line);background:#fff;margin-bottom:18px;border-radius:3px}
.hp-club-directory summary{padding:12px 16px;font-size:13px;font-weight:650;cursor:pointer}
.hp-club-directory summary span{font-size:11px;font-weight:400;color:var(--hp-muted);margin-left:12px}
.hp-club-directory .hp-clubs-strip{margin:0;border:0;border-top:1px solid var(--hp-line)}
#hpPortal .hp-coverage-note{background:#f2f6fa;border-bottom:1px solid var(--hp-line)}
@media(max-width:760px){
 #hpPortal .hp-welcome{grid-template-columns:1fr;gap:18px;padding:20px 18px}
 #hpPortal .hp-welcome h1{font-size:29px;line-height:1.16;letter-spacing:-.6px}
 #hpPortal .hp-welcome-lead{font-size:14px;line-height:1.55}
 .hp-welcome-links{gap:8px;margin-top:10px}.hp-welcome-links a,.hp-welcome-links button{font-size:12px;padding:10px}
 .hp-discover{grid-template-columns:1fr;gap:10px}
 .hp-discover article{padding:14px 16px}.hp-discover-example{grid-template-columns:1fr 1fr;gap:14px}.hp-discover-example>span{display:block}.hp-discover-example b,.hp-discover-example small{display:block;margin-top:3px}
 #hpPortal .hp-welcome .hp-search-btn{padding:0 12px;font-size:13px}
}

/* Financial portal: shared source styles, retained by all generated routes. */
body.cq-on-landing #hpPortal{max-width:1440px!important}
#hpPortal .hp-welcome{padding:20px 22px;gap:28px;border-top:3px solid var(--hp-accent);margin-bottom:12px}
#hpPortal .hp-welcome h1{font-size:30px;letter-spacing:-.5px;margin-bottom:8px}
#hpPortal .hp-welcome-lead{font-size:14px;line-height:1.5}
#hpPortal .hp-welcome-links{margin-top:9px}
#hpPortal .hp-welcome-trust{margin-top:8px}
#hpPortal .hp-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#hpPortal .hp-section{min-width:0;border-radius:2px;box-shadow:none}
#hpPortal .hp-section>h2{background:#142d4b;color:#fff;padding:13px 14px;font-size:15px;line-height:1.4;margin:0;border-bottom:3px solid #dc781f}
#hpPortal .hp-table{font-size:12px;min-width:0;width:100%;border-collapse:collapse}
#hpPortal .hp-table td,#hpPortal .hp-table th{padding:10px 8px;border-bottom:1px solid #e1e7ed}
#hpPortal .hp-table th{font-size:10px;text-transform:uppercase;letter-spacing:.025em;background:#edf2f7}
#hpPortal .hp-table tr:nth-child(even){background:#f6f8fa}
#hpPortal .hp-table tr:hover{background:#edf3fa}
#hpPortal .hp-table small{font-size:10px;line-height:1.4;margin-top:4px}
#hpPortal .hp-status{font-size:10px;padding:3px 5px;white-space:normal}
#hpPortal .hp-money{font-variant-numeric:tabular-nums;font-size:12px;white-space:normal}
#hpPortal .hp-toolbar{padding:10px 12px;background:#f8fafc;font-size:12px}
#hpPortal .hp-note{font-size:11px;line-height:1.5;padding:10px 12px}
#hpPortal .hp-payroll-window{max-height:420px;overflow:auto}
#hpPortal .hp-expiries{grid-column:auto}
#hpPortal .hp-guide{grid-column:1/-1}
.hp-guide-body{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:12px}
.hp-guide-body p{flex:1 1 220px;margin:0;font-size:12px}
.hp-all-expiries summary{padding:12px;color:var(--hp-link);font-size:12px;font-weight:650;cursor:pointer;border-top:1px solid var(--hp-line)}
.hp-club-directory{margin-bottom:12px}
.hp-context-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#142d4b;color:white;font-size:13px}
.hp-context-bar select{background:#fff!important;color:#142d4b!important;max-width:330px;flex:1;min-width:0;height:36px}
.hp-context-bar>span{margin-left:auto}
body .hp-team-head{padding:18px 16px!important;background:white}
body .hp-team-head h1{font-size:28px!important}
body .hp-team-kpis{gap:0!important;border:1px solid var(--hp-line);background:#f3f6f9}
body .hp-team-kpis>div{padding:14px!important;border-right:1px solid var(--hp-line);box-shadow:none;border-radius:0}
body .hp-team-kpis strong{font-size:23px!important;font-variant-numeric:tabular-nums}
body .hp-team-view .roster-table{font-size:12px!important;border-collapse:collapse}
body .hp-team-view .roster-table th{background:#eaf0f6!important;color:#243d59!important;font-size:11px!important}
body .hp-team-view .roster-table td{padding:9px 10px!important;border-bottom:1px solid #e1e7ed!important}
body .hp-team-view .roster-table tbody tr:nth-child(even){background:#f5f8fa!important}
body .hp-team-view .roster-table :is(th,td):first-child{position:sticky!important;left:0;z-index:2;background:#f4f7fa!important;box-shadow:1px 0 #dce4ec}
@media(max-width:1050px){#hpPortal .hp-home-grid{grid-template-columns:1fr 1fr}#hpPortal .hp-expiries{grid-column:1/-1}}
@media(max-width:760px){
 #hpPortal .hp-home-grid{grid-template-columns:1fr}
 #hpPortal .hp-welcome{padding:16px;gap:14px}
 #hpPortal .hp-welcome h1{font-size:26px}
 #hpPortal .hp-welcome-lead{font-size:13px}
 .hp-context-bar{flex-wrap:wrap;padding:10px;gap:8px}
 .hp-context-bar>span{width:100%;margin-left:0;font-size:12px}
 body .hp-team-head h1{font-size:24px!important}
 body .hp-team-kpis strong{font-size:19px!important}
 body .hp-team-view .roster-table :is(th,td):first-child{max-width:145px;min-width:125px;white-space:normal}
}

/* The team header already displays coverage and published totals. */
body .hp-team-view #rosterSummary{display:none!important}
body .hp-team-view #rosterCard .context-line{font-size:11px!important;line-height:1.5!important;margin-bottom:12px!important}
body .hp-team-view .td-salary,body .hp-team-view .td-salary *{color:#243d59!important}
body .hp-team-view .td-salary a{color:#315a7c!important}
/* Warm courtside palette. Original CSS court lines; no third-party imagery. */
:root{--hp-bg:#e7e2d9;--hp-bg-elev:#e4ddd2;--hp-panel:#f3efe7;--hp-panel-2:#ebe5db;--hp-line:#d2cabe;--hp-muted:#5d625f;--hp-faint:#686b65}
body,body.cq-on-landing{background:#e7e2d9!important}
body .header-controls{background:#ded8cf!important}
body.cq-on-landing .header-controls{background:#ded8cf!important}
body #hpPortal .hp-section,body .hp-panel,body .card,body .static-page table,body #pageLeaderboard,body .lb-table,body #hpPlayerContract,body .hp-team-head{background:#f3efe7!important}
body .hp-table tbody tr:nth-child(even),body .lb-table tr:nth-child(even),body .hp-team-view .roster-table tbody tr:nth-child(even){background:#eae4da!important}
body #hpPortal .hp-table tr:hover{background:#e4dacb}
body #hpPortal .hp-table th,body #hpPortal .hp-toolbar,body #hpPortal .hp-coverage-note,body .hp-team-kpis,body .hp-tabs,body .hp-team-view .roster-table th{background:#e2dbcf!important}
body .hp-team-view .roster-table :is(th,td):first-child{background:#ece5da!important;box-shadow:1px 0 #cfc5b7}
body .hp-club-directory,body .hp-club-tile,body .hp-tabs button.active{background:#f0eae0!important}
body .hp-club-tile b{background:#e2d8c9;border-color:#c8bba9}
body #hpPortal .hp-welcome{position:relative;isolation:isolate;background:#172b3d;border:1px solid #314152;border-top:3px solid #d9863e;color:#f8f1e6;padding:24px;gap:28px}
#hpPortal .hp-welcome:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 44% 120%,transparent 0 89px,#bf88582e 90px 92px,transparent 93px 169px,#bf885820 170px 172px,transparent 173px),linear-gradient(115deg,#1d3547,#142432);}
body #hpPortal .hp-welcome h1{color:#fff4e5;font-size:32px;max-width:550px}
body #hpPortal .hp-welcome .hp-eyebrow{color:#e8a467}
body #hpPortal .hp-welcome-lead,body #hpPortal .hp-welcome-trust{color:#cbd2d4}
body #hpPortal .hp-welcome-actions>label{color:#f5eadb}
body #hpPortal .hp-welcome .hp-search-input{background:#f1eadd!important;border-color:#f1eadd!important;color:#243544!important}
body #hpPortal .hp-welcome .hp-search-btn{background:#d98a43;color:#172b3d;font-weight:750}
body #hpPortal .hp-welcome-links .hp-primary-action{background:#e1a05e;color:#14293b;border-color:#e1a05e}
body #hpPortal .hp-welcome-links button{background:#213b4d;color:#f5eadb;border-color:#63717a}
.hp-courtside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
body .hp-story{display:flex;align-items:start;gap:12px;padding:15px;background:#ddd3c4;color:#23394a;border:1px solid #c9bcaa;border-radius:3px;text-align:left;text-decoration:none;cursor:pointer;font:inherit;min-width:0}
body .hp-story:hover{background:#d5c6b2;border-color:#a77c50}
.hp-story-index{font-size:24px;font-weight:800;line-height:1;color:#8b572c;letter-spacing:-1px}
.hp-story-copy{display:grid;gap:6px;flex:1;min-width:0}
.hp-story-copy small{font-size:9px;letter-spacing:.07em;font-weight:750;color:#705233}
.hp-story-copy strong{font-size:15px;line-height:1.35}
.hp-story-copy>span{font-size:11px;line-height:1.45;color:#4b524f}
.hp-story>b{color:#83572f;font-size:18px}
body .hp-story:focus-visible{outline:3px solid #a6531d;outline-offset:3px}
@media(max-width:760px){
 body #hpPortal .hp-welcome{padding:18px;gap:15px}
 body #hpPortal .hp-welcome h1{font-size:27px}
 .hp-courtside{grid-template-columns:1fr;gap:8px}
 body .hp-story{padding:12px;gap:12px}
 .hp-story-copy{gap:4px}.hp-story-copy strong{font-size:14px}
 .hp-story-index{font-size:22px}
}