.collection-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 18px}.collection-kpi{border:1px solid var(--line);background:linear-gradient(145deg,#181025,#100b19);border-radius:13px;padding:17px}.collection-kpi span,.collection-kpi strong,.collection-kpi small{display:block}.collection-kpi span{font-size:9px;letter-spacing:.12em;color:#7f758c;font-weight:900}.collection-kpi strong{font-size:25px;margin:7px 0 3px}.collection-kpi small{font-size:10px;color:#716979}.collection-note{display:flex;gap:12px;align-items:flex-start;border:1px solid #3d3150;background:#130e1d;border-radius:12px;padding:14px 16px;margin:0 0 18px}.collection-note strong{font-size:11px;color:#e5daf8;min-width:150px}.collection-note span{font-size:11px;line-height:1.5;color:#8f869a}.chase-table-head{display:grid;grid-template-columns:54px 58px minmax(260px,1fr) 95px 110px 210px 120px;gap:12px;padding:10px 22px;border-bottom:1px solid #251c35;background:#0e0a16;color:#6f657c;font-size:8px;font-weight:900;letter-spacing:.12em}.row:hover{background:#151020}.score-wrap strong,.score-wrap small{display:block}.score-wrap strong{font-size:21px}.score-wrap small{font-size:8px;color:#756b80;margin-top:3px}.rarity strong,.rarity small{display:block}.rarity strong{font-size:13px}.rarity small{font-size:8px;color:#756b80;margin-top:3px}.status-wrap small{display:block;text-align:center;color:#716879;font-size:8px;margin-top:5px}.proof-status-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#191126,#110c1b);padding:18px;margin:18px 0}.proof-status-card .status{display:inline-block;margin-bottom:12px}.proof-status-card h4{font-size:18px;margin:0 0 8px}.proof-status-card p{font-size:12px;line-height:1.55;color:#92899e;margin:0}.evidence-timeline{position:relative}.evidence-item{position:relative;border:1px solid #302440;background:#100b18;border-radius:12px;padding:16px 17px;margin:12px 0}.evidence-item:before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:3px;background:#7657a5;border-radius:3px}.evidence-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.evidence-source{font-size:13px;font-weight:900}.evidence-date{font-size:9px;color:#776d82;white-space:nowrap}.evidence-meta{font-size:10px;color:#91889d;margin-top:6px}.evidence-transition{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;font-size:9px}.state-pill{border:1px solid #463755;background:#17111f;border-radius:999px;padding:5px 7px;color:#a89eb4}.state-arrow{color:#6f637e}.evidence-link{display:inline-block;margin-top:10px;color:#c3adff;font-size:10px;text-decoration:none}.evidence-link:hover{text-decoration:underline}.confidence-line{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #271d34}.confidence-line span{font-size:10px;color:#7f7689}.confidence-line strong{font-size:11px}.meaning-list{display:grid;gap:9px;margin-top:15px}.meaning-item{display:grid;grid-template-columns:12px 1fr;gap:9px;color:#8f869a;font-size:10px;line-height:1.5}.meaning-dot{width:7px;height:7px;border-radius:50%;background:#7959a8;margin-top:4px}.proof-empty{border:1px dashed #4b3a60;background:#100b18;border-radius:12px;padding:18px}.proof-empty strong{display:block;font-size:13px}.proof-empty span{display:block;color:#8d8498;font-size:11px;line-height:1.55;margin-top:7px}.card-context{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.context-chip{border:1px solid #433452;background:#15101e;border-radius:999px;padding:6px 9px;color:#a79db3;font-size:9px;font-weight:800}.metric.emphasis{border-color:#594473;background:linear-gradient(145deg,#201431,#110b1b)}.metric.emphasis strong{color:#d7c5ff}.proof h3{margin-bottom:6px}.proof-explainer{font-size:10px;color:#7e7489;line-height:1.55;margin:0 0 16px}@media(max-width:900px){.collection-kpis{grid-template-columns:repeat(2,1fr)}.chase-table-head{display:none}.collection-note{display:block}.collection-note strong{display:block;margin-bottom:6px}.evidence-top{display:block}.evidence-date{display:block;margin-top:5px}.row .status-wrap{display:none}.row .view{grid-column:3/5}.row .score-wrap{font-size:18px}.rarity{display:none!important}}
/* Remaining chase quantity is a primary decision signal. */
.metrics .metric:nth-child(3){border-color:#7257a3;background:linear-gradient(145deg,#25183a,#120b1d);min-width:210px}.metrics .metric:nth-child(3) small{color:#bba8ef;font-size:10px;font-weight:900}.metrics .metric:nth-child(3) strong{font-size:30px;line-height:1;color:#f4efff;letter-spacing:-.03em}.intel-strip>div:nth-child(3){background:linear-gradient(145deg,#1d132d,#130d1e)}.intel-strip>div:nth-child(3) strong{font-size:20px}.intel-strip>div:nth-child(3) small{margin-top:10px;padding:10px 12px;border:1px solid #604883;border-radius:9px;background:#1a1129;color:#e7dcff;font-size:15px;line-height:1.25;font-weight:900}@media(max-width:900px){.metrics .metric:nth-child(3){min-width:0;width:100%}.metrics .metric:nth-child(3) strong{font-size:32px}.intel-strip>div:nth-child(3) small{font-size:16px;padding:12px}}
/* CHASEPROOF visual north star — light intelligence interface. */
:root{--cp-purple:#5d2acb;--cp-purple-dark:#45209c;--cp-purple-soft:#f2edff;--cp-ink:#15131a;--cp-muted:#6f6b76;--cp-line:#e5e1ea;--cp-canvas:#f7f7fa;--cp-card:#fff;--cp-orange:#e67817;--cp-red:#e21f2f;--cp-green:#16864b}
html{background:var(--cp-canvas)}body{background:var(--cp-canvas);color:var(--cp-ink)}
header{height:72px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--cp-line);box-shadow:0 2px 14px rgba(26,19,38,.035);backdrop-filter:blur(18px)}header nav a{color:#26222c}header nav a:hover{color:var(--cp-purple)}nav em{background:var(--cp-purple);color:#fff}.cpc-brand-word{color:#17131d!important}.account-btn{background:#fff;color:#211b2a;border-color:#d9d4df}.plus{background:linear-gradient(135deg,#6934d7,#4d22b0);color:#fff;box-shadow:0 8px 22px rgba(93,42,203,.18)}.plan-chip{background:var(--cp-purple-soft);border-color:#d9cbfb;color:var(--cp-purple-dark)}
.hero{background:#fff;color:var(--cp-ink);border-bottom:1px solid var(--cp-line);padding-top:72px;padding-bottom:58px}.hero:after{background:radial-gradient(circle,rgba(93,42,203,.10),transparent 67%)}.hero h1,.hero .metric strong{color:var(--cp-ink)}.hero h1 span{color:var(--cp-purple)}.hero p,.hero .sub{color:var(--cp-muted)}.hero .eyebrow,.eyebrow{color:var(--cp-purple)}.hero .metric{background:#fff;border-color:var(--cp-line);box-shadow:0 8px 26px rgba(35,25,50,.05);backdrop-filter:none}.hero .metric small{color:#797481}
.section,.section:nth-of-type(even),.card-page{background:var(--cp-canvas);color:var(--cp-ink)}.section h2,.section h3,.section strong,.card-page h1,.card-page h2,.card-page h3,.card-page h4{color:var(--cp-ink)}.section .sub,.collection p,.dashboard-note,.proof-explainer{color:var(--cp-muted)}
.collection,.method div,.metric,.chase-summary>div,.collection-kpi,.panel,.proof,.account-card,.empty{background:#fff;border-color:var(--cp-line);box-shadow:0 8px 24px rgba(31,24,43,.045);color:var(--cp-ink)}.collection{min-height:215px}.collection:after{background:radial-gradient(circle,rgba(93,42,203,.13),transparent 67%)}.collection:hover{border-color:#cbbaf1;box-shadow:0 14px 34px rgba(70,40,110,.09)}.collection .sport,.rank,.back{color:var(--cp-purple)}.collection strong{color:var(--cp-purple-dark)}
.panel-head{background:#faf9fc;color:var(--cp-ink);border-bottom-color:var(--cp-line)}.row,.chase-dash-row{background:#fff;color:var(--cp-ink);border-bottom-color:#efedf2}.row:nth-child(even),.chase-dash-row:nth-child(even){background:#fdfcfe}.row:hover,.chase-dash-row:hover{background:#f8f5ff}.chase-table-head{background:#faf9fc;color:#736d7c;border-bottom-color:var(--cp-line)}.identity strong,.score,.rarity strong,.chase-stat strong{color:var(--cp-ink)}.identity span,.identity small,.score-wrap small,.rarity small,.chase-stat span,.status-wrap small{color:#77717e}.score,.score-wrap strong{color:var(--cp-purple)}
.collection-note,.proof-status-card,.evidence-item,.proof-empty,.lockbox{background:#fbfafc;border-color:var(--cp-line);color:var(--cp-ink)}.collection-note strong,.proof-status-card h4,.evidence-source,.proof-empty strong{color:var(--cp-ink)}.collection-note span,.proof-status-card p,.evidence-meta,.proof-empty span,.meaning-item,.confidence-line span{color:var(--cp-muted)}.evidence-item:before,.meaning-dot{background:var(--cp-purple)}.evidence-link{color:var(--cp-purple)}.state-pill,.context-chip{background:var(--cp-purple-soft);border-color:#ded2f7;color:#574268}
.intel-strip{border-color:var(--cp-line);background:var(--cp-line)}.intel-strip>div,.intel-strip>div:nth-child(2){background:#fff;color:var(--cp-ink)}.intel-strip>div:nth-child(3){background:#f6f1ff}.intel-strip span,.intel-strip small{color:var(--cp-muted)}.intel-strip strong{color:var(--cp-ink)}.metrics .metric:nth-child(3){background:#f7f3ff;border-color:#d7c9f4}.metrics .metric:nth-child(3) small{color:#684b8b}.metrics .metric:nth-child(3) strong{color:var(--cp-ink)}
.view,.chase-btn{background:#fff;border-color:#cfc6db;color:var(--cp-purple-dark)}.view:hover,.chase-btn:hover{background:var(--cp-purple-soft);border-color:#bba8e5;color:var(--cp-purple-dark)}.chase-btn.saved{background:var(--cp-purple);color:#fff;border-color:var(--cp-purple)}.search-box input,#authForm input{background:#fff;color:var(--cp-ink);border-color:#d8d2df}.search-result{color:var(--cp-ink);border-bottom-color:var(--cp-line)}
.pulled{color:#b41422;border-color:#f0b8be;background:#fff4f5}.surfaced{color:var(--cp-orange);border-color:#f2c99e;background:#fff8ef}.unknown{color:#6f6677;border-color:#ddd7e3;background:#f8f6fa}.card-visual{background:radial-gradient(circle at 50% 42%,#b9a1e8 0,#7856b8 45%,#34214f 78%);border-color:#a58bce}.card-visual:before{color:#fff}
footer{background:#fff;color:#77717e;border-top-color:var(--cp-line)}footer .cpc-brand-word{color:var(--cp-ink)!important}dialog{background:#fff;color:var(--cp-ink);border-color:#d9d2e0}dialog::backdrop{background:rgba(24,18,31,.55)}.auth-brand p,.auth-note{color:var(--cp-muted)}.auth-tabs{background:#f3f0f6}.auth-tabs button{color:#756d7e}.auth-tabs button.active{background:#fff;color:var(--cp-purple);box-shadow:0 2px 8px rgba(30,20,45,.06)}#authForm label{color:#5e5865}.dialog-close{color:#766f7d}
@media(max-width:900px){.section,.section:nth-of-type(even){background:var(--cp-canvas)}.collection,.method div,.metric,.chase-summary>div,.collection-kpi,.panel,.proof,.account-card,.empty{background:#fff}.panel-head{background:#faf9fc}.row,.chase-dash-row{background:#fff}.row:nth-child(even),.chase-dash-row:nth-child(even){background:#fdfcfe}}
/* Scalable collection directory */
.collection-explorer{padding-top:32px}.directory-back,.collection-breadcrumb{margin:0 0 22px}.directory-back a,.collection-breadcrumb a{display:inline-flex;align-items:center;gap:7px;color:var(--cp-purple-dark);font-size:12px;font-weight:800;text-decoration:none}.directory-back a:hover,.collection-breadcrumb a:hover{text-decoration:underline}.directory-count{color:#625b69;font-size:12px;font-weight:800;white-space:nowrap}.collection-toolbar{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:18px;align-items:end;margin:0 0 18px;padding:16px;border:1px solid var(--cp-line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(31,24,43,.035)}.collection-search span{display:block;margin:0 0 7px;color:#716a78;font-size:9px;font-weight:900;letter-spacing:.12em}.collection-search input{width:100%;height:42px;padding:0 13px;border:1px solid #d9d4df;border-radius:9px;background:#fff;color:var(--cp-ink);font:inherit}.collection-search input:focus{outline:3px solid rgba(93,42,203,.12);border-color:#9d83d7}.year-filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.year-filter{min-height:36px;padding:7px 12px;border:1px solid #d9d4df;border-radius:999px;background:#fff;color:#5f5965;font-size:10px;font-weight:800;cursor:pointer}.year-filter:hover,.year-filter.active{border-color:var(--cp-purple);background:var(--cp-purple-soft);color:var(--cp-purple-dark)}.collection-directory{overflow:hidden;border:1px solid var(--cp-line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(31,24,43,.045)}.collection-list-item{display:grid;grid-template-columns:76px minmax(0,1fr) 150px;gap:16px;align-items:center;min-height:78px;padding:14px 18px;border-bottom:1px solid #eeebf1;color:var(--cp-ink);text-decoration:none;transition:background .16s,border-color .16s}.collection-list-item:last-child{border-bottom:0}.collection-list-item:hover{background:#f8f5ff}.collection-list-item[hidden]{display:none}.collection-year{display:inline-flex;justify-content:center;align-items:center;min-height:31px;border:1px solid #d8cbf3;border-radius:8px;background:var(--cp-purple-soft);color:var(--cp-purple-dark);font-size:11px;font-weight:900}.collection-list-copy{min-width:0}.collection-list-copy strong,.collection-list-copy small{display:block}.collection-list-copy strong{overflow:hidden;color:var(--cp-ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.collection-list-copy small{margin-top:5px;color:var(--cp-muted);font-size:10px;line-height:1.4}.collection-list-action{color:var(--cp-purple-dark);font-size:11px;font-weight:900;text-align:right}.directory-empty{padding:34px;border:1px dashed #d7d0de;border-radius:14px;background:#fff;color:var(--cp-muted);text-align:center}.sport-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sport-directory-card{display:flex;min-height:190px;padding:22px;border:1px solid var(--cp-line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(31,24,43,.045);color:var(--cp-ink);text-decoration:none;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s}.sport-directory-card:hover{transform:translateY(-2px);border-color:#c9b7ef;box-shadow:0 14px 30px rgba(70,40,110,.08)}.sport-directory-code{width:max-content;margin-bottom:18px;padding:6px 9px;border-radius:7px;background:var(--cp-purple);color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em}.sport-directory-card strong{font-size:21px}.sport-directory-card small{margin:8px 0 20px;color:var(--cp-muted);font-size:11px;line-height:1.5}.sport-directory-card b{margin-top:auto;color:var(--cp-purple-dark);font-size:11px}.latest-collections{padding-top:18px}.collection-directory.compact{display:grid;grid-template-columns:1fr 1fr}.collection-directory.compact .collection-list-item:nth-child(odd){border-right:1px solid #eeebf1}.collection-directory.compact .collection-list-item{grid-template-columns:66px minmax(0,1fr) 60px;min-height:72px}.collection-directory.compact .collection-list-action{font-size:10px}
@media(max-width:900px){.collection-toolbar{grid-template-columns:1fr}.year-filters{justify-content:flex-start}.sport-directory-grid{grid-template-columns:1fr}.sport-directory-card{min-height:145px}.collection-directory.compact{grid-template-columns:1fr}.collection-directory.compact .collection-list-item:nth-child(odd){border-right:0}.collection-list-item,.collection-directory.compact .collection-list-item{grid-template-columns:58px minmax(0,1fr);gap:11px;padding:13px}.collection-list-action{display:none}.collection-list-copy strong{white-space:normal}.collection-list-copy small{font-size:9px}.section-head{align-items:flex-start}.directory-count{margin-top:8px}}

/* Collection back-link alignment and interaction fix */
.collection-breadcrumb{display:flex;justify-content:flex-start;align-items:center;flex:0 0 auto;width:100%;gap:0;margin:0 0 20px;padding:0}
.collection-breadcrumb a{display:inline-flex;align-items:center;justify-content:flex-start;min-height:38px;padding:8px 11px;border:1px solid #d9cdf1;border-radius:9px;background:#fff;color:var(--cp-purple-dark)!important;font-size:11px;font-weight:900;line-height:1.2;text-decoration:none;box-shadow:0 4px 12px rgba(50,30,80,.035);transition:background .16s,color .16s,border-color .16s,box-shadow .16s}
.collection-breadcrumb a:hover,.collection-breadcrumb a:focus-visible{border-color:var(--cp-purple);background:var(--cp-purple);color:#fff!important;text-decoration:none;box-shadow:0 7px 17px rgba(93,42,203,.18);outline:none}
@media(max-width:900px){.collection-breadcrumb{margin-bottom:16px}.collection-breadcrumb a{min-height:42px}}

/* Mobile experience draft v1 */
.mobile-nav-toggle{display:none}
@media(max-width:900px){
  header{height:64px;padding:0 14px;gap:9px}
  .brand-logo{flex:0 0 auto}
  .cpc-brand-mark{width:34px;height:34px}
  .cpc-brand-word{font-size:12px!important}
  .mobile-nav-toggle{display:inline-flex;align-items:center;gap:7px;min-height:40px;margin-left:auto;padding:8px 10px;border:1px solid #d8d2df;border-radius:9px;background:#fff;color:var(--cp-ink);font-size:11px;font-weight:900;cursor:pointer}
  .mobile-nav-toggle>span:first-child{position:relative;width:15px;height:10px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
  .mobile-nav-toggle>span:first-child:after{content:"";position:absolute;left:0;right:0;top:3px;border-top:2px solid currentColor}
  body.mobile-nav-open .mobile-nav-toggle{border-color:#bba8e5;background:var(--cp-purple-soft);color:var(--cp-purple-dark)}
  header nav{display:none}
  body.mobile-nav-open header nav{position:absolute;display:flex;top:63px;left:0;right:0;max-height:calc(100vh - 64px);overflow:auto;padding:12px 14px 18px;border-bottom:1px solid var(--cp-line);background:rgba(255,255,255,.99);box-shadow:0 14px 28px rgba(31,24,43,.12);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px}
  body.mobile-nav-open header nav a{display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:10px 12px;border-radius:8px;color:var(--cp-ink);font-size:13px}
  body.mobile-nav-open header nav a:hover,body.mobile-nav-open header nav a:focus-visible{background:var(--cp-purple-soft);color:var(--cp-purple-dark)}
  #accountArea{flex:0 1 auto;gap:5px;min-width:0}
  #accountArea .account-btn{max-width:98px;overflow:hidden;padding:8px 9px;text-overflow:ellipsis;white-space:nowrap}
  #accountArea .plus{padding:8px 10px}
  .hero{padding:34px 5vw 30px}
  .hero:after{width:230px;height:230px;right:-60px;top:-85px}
  .hero h1{max-width:100%;margin:10px 0 13px;font-size:34px;line-height:1.06}
  .hero p,.hero .sub{font-size:13px}
  .section{padding-top:26px;padding-bottom:26px}
  .section h2{font-size:26px}
  .section-head{margin-bottom:16px}
  .collection-breadcrumb{margin-bottom:14px}
  .collection-breadcrumb a{width:100%;justify-content:flex-start}
  .collection-kpis{gap:8px;margin-bottom:13px}
  .collection-kpi{padding:13px}
  .collection-kpi strong{font-size:21px}
  .collection-note{margin-bottom:13px;padding:13px}
  .panel{border-radius:13px}
  .panel-head{padding:15px 13px}
  .panel .row{position:relative;display:grid;grid-template-columns:40px 46px minmax(100px,1fr) 82px;gap:8px 10px;align-items:start;padding:14px 12px}
  .panel .row .rank{grid-column:1;grid-row:1/4;padding-top:3px;font-size:18px}
  .panel .row .card-thumb{grid-column:2;grid-row:1/4;width:44px;height:59px}
  .panel .row .identity{grid-column:3/5;grid-row:1;min-width:0;padding-right:2px}
  .panel .row .identity strong{font-size:14px}
  .panel .row .identity span{font-size:10px;line-height:1.35}
  .panel .row .score-wrap{grid-column:3;grid-row:2;align-self:end}
  .panel .row .score-wrap strong{display:inline;font-size:18px}
  .panel .row .score-wrap small{display:inline;margin-left:3px}
  .panel .row .rarity{display:block!important;grid-column:4;grid-row:2;align-self:end;text-align:right}
  .panel .row .rarity strong{font-size:12px}
  .panel .row .rarity small{font-size:8px}
  .panel .row .status-wrap{display:block!important;grid-column:3/5;grid-row:3}
  .panel .row .status-wrap .status{display:flex;justify-content:flex-start;width:100%;padding:7px 9px;white-space:normal;text-align:left}
  .panel .row .status-wrap small{text-align:left}
  .panel .row .view{grid-column:3/5;grid-row:4;width:100%;min-height:40px;display:flex;align-items:center;justify-content:center}
  .unlock{align-items:flex-start;gap:12px;padding:17px 14px;flex-direction:column}
  .unlock .plus{width:100%}
  .card-page{padding:28px 4vw 42px}
  .card-title{font-size:32px}
  .card-hero-grid{gap:20px;margin-top:20px}
  .card-visual{width:min(100%,260px);height:350px;margin:0 auto}
  .metrics{gap:8px;margin-top:20px}
  .metric{min-width:calc(50% - 4px);padding:13px}
  .intel-strip>div{padding:16px}
  .proof{padding:18px}
}
@media(max-width:440px){
  .cpc-brand-word{display:none}
  #accountArea .plan-chip{display:none}
  .mobile-nav-label{display:none}
  .mobile-nav-toggle{padding:8px 11px}
  .hero h1{font-size:30px}
  .collection-kpis{grid-template-columns:1fr 1fr}
  .panel .row{grid-template-columns:36px 42px minmax(92px,1fr) 75px;gap:8px;padding:13px 10px}
  .panel .row .card-thumb{width:40px;height:56px}
  .metric{min-width:100%}
}

/* Mobile hybrid collection browser alignment */
@media(max-width:900px){
  .sport-directory-grid{display:grid;grid-template-columns:1fr;gap:9px}
  .sport-directory-card{display:grid;grid-template-columns:52px minmax(0,1fr) 28px;grid-template-rows:auto auto;column-gap:12px;row-gap:4px;align-items:center;min-height:0;padding:14px 15px;border-radius:13px;transform:none!important}
  .sport-directory-code{grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:center;width:48px;height:38px;margin:0;padding:0}
  .sport-directory-card strong{grid-column:2;grid-row:1;font-size:16px}
  .sport-directory-card small{grid-column:2;grid-row:2;margin:0;font-size:10px;line-height:1.35}
  .sport-directory-card b{grid-column:3;grid-row:1/3;margin:0;font-size:0;text-align:right}
  .sport-directory-card b:after{content:"→";font-size:18px;color:var(--cp-purple-dark)}
  .latest-collections{padding-top:8px}
  .collection-directory,.collection-directory.compact{display:block;border-radius:13px}
  .collection-directory .collection-list-item,.collection-directory.compact .collection-list-item{display:grid;grid-template-columns:58px minmax(0,1fr) 28px;gap:11px;min-height:72px;padding:13px 14px;border-right:0;border-bottom:1px solid #eeebf1}
  .collection-directory .collection-list-item:last-child,.collection-directory.compact .collection-list-item:last-child{border-bottom:0}
  .collection-directory .collection-list-action,.collection-directory.compact .collection-list-action{display:block;grid-column:3;font-size:0;text-align:right}
  .collection-directory .collection-list-action:after,.collection-directory.compact .collection-list-action:after{content:"→";font-size:17px;color:var(--cp-purple-dark)}
  .collection-directory .collection-year,.collection-directory.compact .collection-year{grid-column:1}
  .collection-directory .collection-list-copy,.collection-directory.compact .collection-list-copy{grid-column:2}
}
@media(max-width:440px){
  .sport-directory-card{grid-template-columns:46px minmax(0,1fr) 24px;padding:13px 12px}
  .sport-directory-code{width:43px;height:36px}
  .collection-directory .collection-list-item,.collection-directory.compact .collection-list-item{grid-template-columns:54px minmax(0,1fr) 22px;padding:12px 11px}
}


/* Unified navigation placement: menu sits beneath the logo on every screen. */
header{
  height:auto;
  min-height:108px;
  padding:9px 4.5vw 10px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-rows:50px 38px;
  column-gap:24px;
  row-gap:1px;
  align-items:center;
}
header .brand-logo{grid-column:1;grid-row:1;justify-self:start}
header #accountArea{grid-column:3;grid-row:1;justify-self:end}
.mobile-nav-toggle{
  grid-column:1;
  grid-row:2;
  display:inline-flex;
  align-items:center;
  justify-self:start;
  gap:7px;
  min-height:34px;
  margin:0;
  padding:7px 11px;
  border:1px solid #d8d2df;
  border-radius:9px;
  background:#fff;
  color:var(--cp-ink);
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.mobile-nav-toggle>span:first-child{position:relative;width:15px;height:10px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
.mobile-nav-toggle>span:first-child:after{content:"";position:absolute;left:0;right:0;top:3px;border-top:2px solid currentColor}
body.mobile-nav-open .mobile-nav-toggle{border-color:#bba8e5;background:var(--cp-purple-soft);color:var(--cp-purple-dark)}
header nav{display:none}
body.mobile-nav-open header nav{
  position:absolute;
  top:100%;
  left:4.5vw;
  right:auto;
  width:min(360px,91vw);
  max-height:calc(100vh - 108px);
  overflow:auto;
  display:flex;
  padding:10px;
  border:1px solid var(--cp-line);
  border-radius:0 0 13px 13px;
  background:rgba(255,255,255,.99);
  box-shadow:0 14px 28px rgba(31,24,43,.12);
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:4px;
}
body.mobile-nav-open header nav a{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:9px 11px;border-radius:8px;color:var(--cp-ink);font-size:13px}
body.mobile-nav-open header nav a:hover,body.mobile-nav-open header nav a:focus-visible{background:var(--cp-purple-soft);color:var(--cp-purple-dark)}
@media(max-width:900px){
  header{
    min-height:106px;
    padding:7px 14px 9px;
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-rows:52px 37px;
    column-gap:10px;
  }
  header .brand-logo{grid-column:1;grid-row:1}
  header #accountArea{grid-column:3;grid-row:1}
  .mobile-nav-toggle{grid-column:1;grid-row:2;min-height:34px;margin:0;padding:7px 10px}
  body.mobile-nav-open header nav{
    top:100%;
    left:0;
    right:0;
    width:auto;
    max-height:calc(100vh - 106px);
    padding:10px 14px 16px;
    border-left:0;
    border-right:0;
    border-radius:0;
  }
}


/* Desktop navigation restoration: keep full tabs while retaining Menu below logo. */
@media(min-width:1101px){
  header nav{
    grid-column:2;
    grid-row:1;
    display:flex;
    min-width:0;
    gap:clamp(7px,.85vw,18px);
    align-items:center;
    justify-content:center;
    justify-self:stretch;
  }
  header nav a{
    flex:0 0 auto;
    font-size:clamp(9px,.66vw,12px);
    white-space:nowrap;
  }
}
