/* Driver-only CSS split — performance pass */
/* V4.13 Driver Media Power Centers */
.driver-center-hero,.network-hero,.driver-profile-hero{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  margin:0 0 20px;padding:26px;border:1px solid #3b4654;border-radius:18px;
  background:linear-gradient(135deg,#111821f2,#0b1017f7);box-shadow:0 16px 36px #0007
}
.driver-center-hero h1,.network-hero h1,.driver-profile-hero h1{margin:4px 0 8px;font-size:42px;line-height:1;text-transform:uppercase}
.driver-center-hero p:last-child,.network-hero p:last-child{color:var(--muted);max-width:760px}
.driver-center-mark,.power-hero-number{font-size:78px;font-weight:1000;line-height:1;color:var(--gold);opacity:.95}
.network-hero-art img{width:160px;max-height:90px;object-fit:contain}
.media-hero{background:linear-gradient(135deg,#221114f2,#101720f7)}
.power-hero{background:linear-gradient(135deg,#17170df2,#101720f7)}
.driver-center-kpis,.driver-profile-kpis{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px
}
.driver-profile-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.driver-center-kpis>div,.driver-profile-kpis>div{
  padding:16px;border:1px solid #374250;border-radius:13px;background:linear-gradient(180deg,#171e27ee,#0c1118f4)
}
.driver-center-kpis span,.driver-center-kpis small,.driver-profile-kpis span{
  display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em
}
.driver-center-kpis b,.driver-profile-kpis b{display:block;margin:6px 0 3px;font-size:20px;color:#fff}
.driver-search-card{margin-bottom:14px}
.driver-search-box{display:flex;align-items:center;gap:8px;min-width:320px;padding:8px 11px;border:1px solid #3a4654;border-radius:10px;background:#0b1016}
.driver-search-box input{margin:0;border:0;background:transparent;box-shadow:none}
.driver-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}
.driver-directory-card{
  display:grid;grid-template-columns:74px 1fr auto;gap:15px;align-items:center;padding:15px;
  border:1px solid #35404d;border-radius:15px;background:linear-gradient(145deg,#141b24f2,#0b1016f4);color:#eef2f7
}
.driver-directory-card:hover{transform:translateY(-2px);border-color:#667384;box-shadow:0 12px 28px #0007}
.driver-avatar{
  width:74px;height:74px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(135deg,#e7b208,#8c5f00);color:#080b0f;font-family:Impact,"Arial Narrow",sans-serif;font-size:28px
}
.driver-directory-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.driver-directory-title h2{margin:0;font-size:20px}
.driver-series-pills{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0}
.driver-series-pill{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;border:1px solid #495566;background:#222b36;color:#dce4ee;font-size:9px;font-weight:1000;letter-spacing:.05em;text-transform:uppercase}
.driver-series-pill.nationals{border-color:#a65d30;background:#321d12}.driver-series-pill.nextgen{border-color:#807111;background:#312b0e}
.driver-series-pill.trucks{border-color:#985a2f;background:#351d10}.driver-series-pill.xfinity{border-color:#4b8538;background:#173215}
.driver-mini-stats{display:flex;gap:13px;flex-wrap:wrap}.driver-mini-stats span{color:var(--muted);font-size:10px}.driver-mini-stats b{color:#fff}
.driver-card-arrow{font-size:24px;color:var(--gold)}
.driver-profile-number{min-width:125px;font-family:Impact,"Arial Narrow",sans-serif;font-size:68px;line-height:.9;color:var(--gold);text-align:center}
.driver-profile-copy{flex:1}.driver-profile-copy h1{font-size:46px}
.driver-series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:20px}
.driver-series-card{margin:0;border-top:4px solid #4b82e8}.driver-series-card.nationals{border-top-color:#e56d34}.driver-series-card.nextgen{border-top-color:#d5b719}.driver-series-card.trucks{border-top-color:#f26a21}.driver-series-card.xfinity{border-top-color:#79dc3d}
.driver-series-statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.driver-series-statgrid>div{padding:10px;border-radius:9px;background:#0d131a;border:1px solid #2f3946}.driver-series-statgrid span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase}.driver-series-statgrid b{font-size:18px}
.driver-series-recent h3{font-size:13px;text-transform:uppercase;letter-spacing:.07em}
.driver-recent-row,.driver-log-row,.media-race-row,.power-row{
  display:grid;align-items:center;gap:10px;border-top:1px solid var(--line)
}
.driver-recent-row{grid-template-columns:44px 1fr 50px 60px;padding:9px 0}
.driver-recent-row small,.driver-log-row small{color:var(--muted)}
.driver-race-log{display:grid}.driver-log-row{grid-template-columns:90px 1fr 55px 70px 45px;padding:11px 0}
.media-feature-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:220px;gap:12px;margin-bottom:20px}
.media-feature-card{position:relative;overflow:hidden;border:1px solid #3a4654;border-radius:16px;background:#0b1017}
.media-feature-main{grid-row:span 2}.media-feature-card img{width:100%;height:100%;object-fit:cover}
.media-feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0001 20%,#000d 100%)}
.media-feature-card>span,.media-feature-card h2,.media-feature-card h3,.media-feature-card p{position:absolute;left:15px;right:15px;z-index:2}
.media-feature-card>span{top:14px;width:max-content;padding:5px 7px;border-radius:999px;background:#c62828;color:#fff;font-size:8px;font-weight:1000}
.media-feature-card h2,.media-feature-card h3{bottom:28px;margin:0}.media-feature-card p{bottom:8px;margin:0;color:#ccd3dd;font-size:11px}
.media-race-list{display:grid}.media-race-row{grid-template-columns:90px 1fr 180px 65px;padding:12px 0;color:#e8edf5}
.media-race-winner span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase}.media-race-row em{font-style:normal;font-size:10px;font-weight:1000}
.media-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.power-leader-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}
.power-board{margin:0}.power-row{grid-template-columns:28px 1fr auto;padding:10px 0;color:#e9eef5}.power-row>span{font-weight:1000;color:var(--gold)}.power-row em{font-style:normal;color:var(--muted);font-size:11px}
.hot-driver-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hot-driver-card{display:grid;grid-template-columns:42px 1fr 70px 60px;gap:10px;align-items:center;padding:12px;border:1px solid #33404d;border-radius:12px;background:#0e141b;color:#ecf1f7}.hot-rank{font-size:20px;font-weight:1000;color:var(--gold)}.hot-driver-card h3{margin:0}.hot-driver-card p{margin:3px 0 0;color:var(--muted);font-size:10px}.hot-stat small{display:block;color:var(--muted);font-size:8px}.hot-stat b{font-size:18px}.power-note{border-color:#5d5120}
@media(max-width:1000px){.driver-directory,.driver-series-grid,.power-leader-grid,.hot-driver-grid{grid-template-columns:1fr}.driver-profile-kpis{grid-template-columns:repeat(3,1fr)}.media-feature-grid{grid-template-columns:1fr 1fr}.media-feature-main{grid-column:span 2;grid-row:auto}.media-photo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.driver-center-hero,.network-hero,.driver-profile-hero{align-items:flex-start;flex-direction:column}.driver-center-mark,.power-hero-number{font-size:54px}.driver-center-kpis{grid-template-columns:1fr 1fr}.driver-profile-kpis{grid-template-columns:repeat(2,1fr)}.driver-search-box{min-width:0;width:100%}.driver-directory-card{grid-template-columns:58px 1fr}.driver-avatar{width:58px;height:58px;font-size:22px}.driver-card-arrow{display:none}.driver-series-statgrid{grid-template-columns:repeat(2,1fr)}.driver-log-row{grid-template-columns:80px 1fr 45px}.driver-log-row>span:nth-last-child(-n+2){display:none}.media-feature-grid{grid-template-columns:1fr;grid-auto-rows:260px}.media-feature-main{grid-column:auto}.media-race-row{grid-template-columns:80px 1fr 55px}.media-race-winner{display:none}.media-photo-grid{grid-template-columns:1fr}.hot-driver-card{grid-template-columns:38px 1fr 60px}.hot-driver-card .hot-stat:last-child{display:none}}

/* Driver Center Deep Profiles */
.driver-profile-hero-v2{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}
.driver-profile-summary{min-width:150px;text-align:right}
.driver-profile-summary span,.driver-profile-summary b,.driver-profile-summary small{display:block}
.driver-profile-summary span{font-size:.68rem;letter-spacing:.13em;opacity:.56}
.driver-profile-summary b{font-size:2.4rem;line-height:1}
.driver-profile-summary small{margin-top:6px;opacity:.65}
.driver-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.driver-profile-kpis-v2>div small{display:block;margin-top:3px;opacity:.58}
.driver-intel-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;margin:18px 0}
.driver-form-summary{text-align:right}
.driver-form-summary span,.driver-form-summary b,.driver-form-summary small{display:block}
.driver-form-summary span{font-size:.65rem;letter-spacing:.12em;opacity:.56}
.driver-form-summary b{font-size:1.75rem}
.driver-form-summary small{opacity:.62}
.driver-form-chart{display:flex;align-items:end;gap:8px;height:190px;padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,.07)}
.driver-form-bar{display:flex;flex:1;min-width:26px;height:100%;flex-direction:column;justify-content:flex-end;text-align:center}
.driver-form-column{height:max(10px,calc(150px - (var(--finish) * 4px)));min-height:8px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,rgba(242,183,5,.9),rgba(255,90,31,.55));border:1px solid rgba(255,255,255,.08)}
.driver-form-bar b{font-size:.76rem;margin-top:5px}
.driver-form-bar small{font-size:.58rem;opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.driver-ranking-card{overflow:hidden}
.driver-ranking-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:16px 18px;border-top:1px solid rgba(255,255,255,.07)}
.driver-ranking-row:first-of-type{border-top:0}
.driver-ranking-row>span{font-size:.66rem;letter-spacing:.12em;opacity:.55}
.driver-ranking-row>b{font-size:1.2rem}
.driver-ranking-row>small{grid-column:1/-1;opacity:.62}
.driver-ranking-row.static{cursor:default}
.driver-best-tracks{margin-bottom:18px}
.driver-track-grid{display:grid;grid-template-columns:1fr;gap:0}
.driver-track-card{display:grid;grid-template-columns:48px minmax(220px,1fr) 80px 80px 90px;gap:12px;align-items:center;padding:13px 18px;border-top:1px solid rgba(255,255,255,.07)}
.driver-track-card:first-child{border-top:0}
.driver-track-rank{font-weight:900;font-size:1.15rem}
.driver-track-main b,.driver-track-main small{display:block}
.driver-track-main small{opacity:.58}
.driver-track-card>div:not(.driver-track-main):not(.driver-track-rank) span,.driver-track-card>div:not(.driver-track-main):not(.driver-track-rank) b{display:block}
.driver-track-card>div:not(.driver-track-main):not(.driver-track-rank) span{font-size:.62rem;letter-spacing:.1em;opacity:.5}
.driver-section-title{margin:26px 0 12px}
.driver-section-title h2{margin:.1rem 0}
.driver-section-title p:last-child{opacity:.65}
.driver-series-statgrid-v2{grid-template-columns:repeat(3,minmax(0,1fr))}
.driver-race-history{margin-top:18px}

/* =========================================================
   Driver Profile 4.0 — unified identity
   ========================================================= */
.driver4-identity,.driver4-history{
  margin:16px 0;
  padding:18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(12,17,23,.95),rgba(18,24,32,.88));
}
.driver4-identity-head,.driver4-history-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  margin-bottom:14px;
}
.driver4-identity-head h2,.driver4-history-head h2{margin:.12rem 0 .25rem;font-size:1.7rem}
.driver4-identity-head p:last-child,.driver4-history-head p:last-child{margin:0;max-width:820px;opacity:.72}
.driver4-status{
  min-width:150px;
  padding:11px 13px;
  border:1px solid #3a4853;
  border-radius:11px;
  background:#0d151b;
}
.driver4-status span,.driver4-status b,.driver4-status small{display:block}
.driver4-status span{font-size:.64rem;letter-spacing:.12em;opacity:.58}
.driver4-status b{margin:3px 0;font-size:1.1rem}
.driver4-status small{opacity:.62}
.driver4-status.active{border-color:#315c46;background:#0f1a15}
.driver4-status.active b{color:#a3edc7}
.driver4-status.retired{border-color:#665b3d;background:#1b180f}
.driver4-status.retired b{color:#e4cb8a}
.driver4-status.archived{border-color:#4a4f56;background:#15181b}

.driver4-identity-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr .8fr;
  gap:10px;
}
.driver4-identity-grid>article,.driver4-history-grid>article{
  padding:13px;
  border:1px solid #303d47;
  border-radius:12px;
  background:#0d141a;
}
.driver4-card-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding-bottom:8px;
  margin-bottom:8px;
  border-bottom:1px solid #28343e;
}
.driver4-card-head span{font-size:.66rem;font-weight:1000;letter-spacing:.11em;color:#7fd9e3}
.driver4-card-head b{font-size:1rem}

.driver4-membership-list{display:grid;gap:7px}
.driver4-membership-list>div{
  display:grid;
  grid-template-columns:minmax(105px,1fr) auto auto;
  gap:8px;
  align-items:center;
  padding:8px;
  border:1px solid #293640;
  border-radius:9px;
  background:#111920;
}
.driver4-membership-list>div.inactive{opacity:.55}
.driver4-membership-list>div>b{font-size:.9rem}
.driver4-membership-list>div>small{font-size:.62rem;letter-spacing:.08em;color:#82909a}

.driver4-ranking-grid{display:grid;gap:7px}
.driver4-ranking-grid>a{
  display:grid;
  grid-template-columns:1fr auto;
  gap:2px 10px;
  padding:9px 10px;
  border:1px solid #2d3a44;
  border-radius:9px;
  background:#111920;
}
.driver4-ranking-grid>a>span{font-size:.64rem;color:#82929d;letter-spacing:.08em}
.driver4-ranking-grid>a>b{font-size:1rem}
.driver4-ranking-grid>a>small{grid-column:1/-1;color:#8e9ca6}
.driver4-ranking-grid>a:hover{border-color:#5a7180;background:#152028}

.driver4-presence-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.driver4-presence-grid>div{
  padding:9px;
  border:1px solid #2b3842;
  border-radius:9px;
  background:#111920;
}
.driver4-presence-grid span,.driver4-presence-grid b{display:block}
.driver4-presence-grid span{font-size:.63rem;color:#7f8e99}
.driver4-presence-grid b{font-size:1.25rem}

.driver4-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.driver4-season-list,.driver4-track-list{display:grid;gap:6px;max-height:430px;overflow:auto;padding-right:3px}
.driver4-season-list>div,.driver4-track-list>a{
  display:grid;
  grid-template-columns:minmax(90px,.65fr) minmax(110px,.8fr) 1.5fr;
  gap:8px;
  align-items:center;
  padding:8px 9px;
  border:1px solid #293640;
  border-radius:8px;
  background:#111920;
}
.driver4-season-list span,.driver4-track-list span{font-size:.68rem;color:#7edbe5;font-weight:900}
.driver4-season-list b,.driver4-track-list b{font-size:.78rem}
.driver4-season-list small,.driver4-track-list small{color:#8795a0;font-size:.68rem}
.driver4-track-list>a:hover{border-color:#527080;background:#152028}

@media(max-width:1050px){
  .driver4-identity-grid{grid-template-columns:1fr 1fr}
  .driver4-presence{grid-column:1/-1}
}
@media(max-width:760px){
  .driver4-identity-head,.driver4-history-head{align-items:flex-start;flex-direction:column}
  .driver4-status{width:100%}
  .driver4-identity-grid,.driver4-history-grid{grid-template-columns:1fr}
  .driver4-presence{grid-column:auto}
  .driver4-season-list>div,.driver4-track-list>a{grid-template-columns:1fr}
  .driver4-membership-list>div{grid-template-columns:1fr auto}
  .driver4-membership-list>div>small{grid-column:1/-1}
}


/* Driver Career Timeline 1.0 */
.driver-career-timeline-preview{margin:16px 0;padding:16px;border:1px solid rgba(125,145,155,.22);border-radius:14px;background:#0d151a}
.driver-career-timeline-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.driver-career-timeline-preview-grid article{padding:11px;border:1px solid #2f4048;border-radius:10px;background:#10181d}
.driver-career-timeline-preview-grid span,.driver-career-timeline-preview-grid b,.driver-career-timeline-preview-grid small{display:block}
.driver-career-timeline-preview-grid span{font-size:8px;font-weight:900;color:#75ccd6}
.driver-career-timeline-preview-grid b{margin-top:4px;font-size:12px}
.driver-career-timeline-preview-grid small{margin-top:4px;color:#84939b;font-size:9px;line-height:1.4}
.career-timeline-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px;border:1px solid #364851;border-radius:15px;background:radial-gradient(circle at 90% 20%,rgba(97,204,216,.08),transparent 34%),#0c1419}
.career-timeline-hero h1{margin:4px 0 6px;font-size:clamp(32px,5vw,54px)}
.career-timeline-hero p{max-width:760px;margin:6px 0 0;color:#8f9da4}
.career-timeline-hero-kpis{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:7px;min-width:280px}
.career-timeline-hero-kpis>div{padding:10px;border:1px solid #30414a;border-radius:9px;background:#10181d}
.career-timeline-hero-kpis span,.career-timeline-hero-kpis b{display:block}.career-timeline-hero-kpis span{font-size:8px;color:#7d8e97}.career-timeline-hero-kpis b{margin-top:3px;font-size:18px}
.career-timeline-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}
.career-timeline-highlights article>span,.career-timeline-highlights article>h2,.career-timeline-highlights article>p{display:block}
.career-timeline-highlights article>span{font-size:8px;font-weight:900;color:#74cbd5}.career-timeline-highlights article>h2{margin:5px 0 4px;font-size:17px}.career-timeline-highlights article>p{margin:0;color:#84939b;font-size:9px;line-height:1.4}
.career-timeline-shell{position:relative;display:grid;gap:0;padding-left:28px;margin:14px 0}
.career-timeline-shell:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:#2d3d46}
.career-timeline-event{position:relative;display:grid;grid-template-columns:125px minmax(0,1fr);gap:14px;padding:0 0 16px}
.career-timeline-marker{position:absolute;left:-24px;top:17px;width:12px;height:12px;border-radius:50%;background:#61ccd8;box-shadow:0 0 0 4px #0b1217}
.career-timeline-event.championship .career-timeline-marker{background:#dfbd62}.career-timeline-event.first-win .career-timeline-marker,.career-timeline-event.race-win .career-timeline-marker{background:#8bd29f}.career-timeline-event.most-wanted .career-timeline-marker{background:#db7f74}.career-timeline-event.p4p .career-timeline-marker,.career-timeline-event.p4p-peak .career-timeline-marker{background:#9b8cdb}
.career-timeline-date{padding-top:10px}.career-timeline-date b,.career-timeline-date small{display:block}.career-timeline-date b{font-size:10px}.career-timeline-date small{margin-top:3px;color:#788891;font-size:8px}
.career-timeline-card{padding:12px 14px;border:1px solid #30414a;border-radius:10px;background:#0f171c}.career-timeline-card>span{font-size:8px;font-weight:900;color:#74ccd6}.career-timeline-card h2{margin:4px 0 4px;font-size:15px}.career-timeline-card p{margin:0;color:#8f9da5;font-size:10px;line-height:1.45}.career-timeline-card>small{display:block;margin-top:5px;color:#6d7f88;font-size:8px}
.career-timeline-season-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.career-timeline-season-grid a{display:block;padding:10px;border:1px solid #2f4049;border-radius:9px;background:#10181d;color:inherit;text-decoration:none}.career-timeline-season-grid span,.career-timeline-season-grid b,.career-timeline-season-grid small{display:block}.career-timeline-season-grid span{font-size:8px;color:#75ccd6}.career-timeline-season-grid b{margin-top:4px;font-size:12px}.career-timeline-season-grid small{margin-top:4px;font-size:9px;color:#82919a}
@media(max-width:900px){.career-timeline-highlights,.driver-career-timeline-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.career-timeline-season-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.career-timeline-hero{align-items:flex-start;flex-direction:column}.career-timeline-hero-kpis{width:100%;min-width:0}.career-timeline-highlights,.driver-career-timeline-preview-grid,.career-timeline-season-grid{grid-template-columns:1fr}.career-timeline-event{grid-template-columns:1fr}.career-timeline-date{padding-top:0}}


/* =========================================================
   Homepage 5.0 — Chop Shop Front Page
   Consolidated sports-network architecture
   ========================================================= */
.hp5-shell{display:grid;gap:28px}
.hp5-race-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hp5-race-pill{position:relative;min-height:112px;padding:16px 17px;border:1px solid #323b49;border-radius:16px;background:linear-gradient(180deg,#171d27f2,#10151df5);box-shadow:0 16px 34px #0006;overflow:hidden;transition:.2s ease}
.hp5-race-pill:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#697386}
.hp5-race-pill.nationals:before{background:#ff6a2a}.hp5-race-pill.nextgen:before{background:#5bbcff}.hp5-race-pill.trucks:before{background:#f4c542}.hp5-race-pill.xfinity:before{background:#b78cff}
.hp5-race-pill:hover{transform:translateY(-2px);border-color:#586578;background:#1b2230}
.hp5-race-pill-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:14px}
.hp5-race-pill-top strong{font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.hp5-race-pill-top span{font-size:9px;font-weight:900;letter-spacing:.12em;border:1px solid #465163;border-radius:999px;padding:4px 7px;color:#cbd3df}
.hp5-race-pill.state-live .hp5-race-pill-top span,.hp5-race-pill.state-race-day .hp5-race-pill-top span{color:#8ff0c5;border-color:#2d775a;background:#12372b}
.hp5-race-pill.state-final .hp5-race-pill-top span{color:#ffd576;border-color:#70581e;background:#33290d}
.hp5-race-pill>b{display:block;font-size:15px;line-height:1.25}.hp5-race-pill>small{display:block;margin-top:7px;color:#929eae;font-size:11px}

.hp5-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.72fr);min-height:520px;border:1px solid #374151;border-radius:24px;overflow:hidden;background:#10151d;box-shadow:0 28px 70px #0009}
.hp5-hero-link{position:relative;min-height:520px;display:flex;align-items:flex-end;overflow:hidden}
.hp5-hero-media{position:absolute;inset:0}.hp5-hero-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
.hp5-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b10e8 0%,#080b10a8 42%,#080b1035 72%),linear-gradient(0deg,#080b10f2 0%,transparent 62%)}
.hp5-hero-copy{position:relative;z-index:1;padding:48px;max-width:780px}
.hp5-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#ffd56d}
.hp5-kicker.live{color:#82f0bd}.hp5-kicker.live i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px #48d49b1f}
.hp5-hero-copy h1{font-size:clamp(40px,5.4vw,74px);line-height:.93;letter-spacing:-.055em;margin:13px 0 16px;max-width:820px;text-transform:uppercase}
.hp5-hero-copy p{font-size:17px;color:#d0d6df;max-width:680px;margin:0 0 25px}
.hp5-hero-copy em{font-style:normal;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.hp5-right-now{padding:22px;background:linear-gradient(180deg,#151b25,#0c1118);border-left:1px solid #313a48;display:flex;flex-direction:column;gap:10px}
.hp5-section-label,.hp5-community-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.hp5-section-label span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#ffd56d}.hp5-section-label a,.hp5-community-head a{font-size:10px;color:#9da9b8;font-weight:800}
.hp5-now-primary,.hp5-now-row{border:1px solid #313b49;background:#111721;border-radius:14px;padding:16px;display:grid;gap:5px}
.hp5-now-primary{margin-top:5px;padding:20px;background:linear-gradient(145deg,#1d2634,#121822)}
.hp5-now-primary>span,.hp5-now-row>span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#9facbc}
.hp5-now-primary>b{font-size:13px;text-transform:uppercase}.hp5-now-primary>strong{font-size:20px;line-height:1.15}.hp5-now-primary>small,.hp5-now-row>small{color:#8e9aa9}
.hp5-now-row>b{font-size:15px}.hp5-now-primary:hover,.hp5-now-row:hover{border-color:#59687a;background:#18202b}

.hp5-wire{display:flex;align-items:stretch;border:1px solid #313947;border-radius:15px;overflow:hidden;background:#0d1219}
.hp5-wire-label{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:0 17px;background:#171e29;border-right:1px solid #333d4b}
.hp5-wire-label i{width:8px;height:8px;border-radius:50%;background:#ff6641;box-shadow:0 0 12px #ff6641}.hp5-wire-label strong{font-size:10px;letter-spacing:.15em;white-space:nowrap}
.hp5-wire-viewport{min-width:0;overflow:hidden}
.hp5-wire-track{display:flex;width:max-content;animation:hp5-wire-scroll 42s linear infinite;will-change:transform}
.hp5-wire-group{display:flex;flex-shrink:0}
.hp5-wire:hover .hp5-wire-track,.hp5-wire:focus-within .hp5-wire-track{animation-play-state:paused}
.hp5-wire-track a{display:flex;align-items:center;gap:9px;white-space:nowrap;padding:14px 18px;border-right:1px solid #272f3a}
.hp5-wire-track a:hover{background:#151c26}.hp5-wire-track b{font-size:9px;letter-spacing:.1em;color:#f3c85f}.hp5-wire-track span{font-size:12px;color:#c4ccd7}
@keyframes hp5-wire-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.hp5-wire-track{animation:none}.hp5-wire-viewport{overflow-x:auto}.hp5-wire-group[aria-hidden="true"]{display:none}}

.hp5-section{display:grid;gap:17px}.hp5-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.hp5-heading h2{font-size:30px;line-height:1;margin:3px 0 0;letter-spacing:-.035em}.hp5-heading .eyebrow{margin:0}.hp5-heading>a{font-size:11px;color:#aeb8c5;font-weight:850}
.hp5-around-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}.hp5-story-card{border:1px solid #344050;border-radius:18px;background:linear-gradient(180deg,#171e29,#10161f);padding:23px;min-height:190px;display:flex;flex-direction:column;align-items:flex-start}
.hp5-story-card.top{background:radial-gradient(circle at 90% 10%,#61231055,transparent 44%),linear-gradient(180deg,#1d222c,#111720)}
.hp5-story-card>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#e9bd57}.hp5-story-card h3{font-size:24px;line-height:1.05;margin:13px 0 9px;letter-spacing:-.03em}.hp5-story-card p{margin:0;color:#9eabba}.hp5-story-card em{font-style:normal;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-top:auto;padding-top:18px}
.hp5-story-card:hover{border-color:#647184;transform:translateY(-2px)}

.hp5-champ-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.hp5-champ-card{padding:20px;border-radius:18px;border:1px solid #354050;background:linear-gradient(180deg,#171e28,#0f151d);min-height:230px}
.hp5-champ-card:hover{border-color:#617085}.hp5-champ-top{display:flex;justify-content:space-between;gap:8px}.hp5-champ-top span{font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.hp5-champ-top small{color:#778598;font-size:9px}
.hp5-champ-card h3{font-size:20px;margin:24px 0 5px}.hp5-champ-score{display:flex;align-items:baseline;gap:7px}.hp5-champ-score b{font-size:35px;line-height:1;color:#fff}.hp5-champ-score span{font-size:9px;color:#8e9aaa;font-weight:900}.hp5-champ-card p{color:#99a5b4;font-size:11px;margin:10px 0}
.hp5-progress{height:5px;border-radius:10px;background:#27303c;overflow:hidden;margin:16px 0 11px}.hp5-progress i{display:block;height:100%;background:linear-gradient(90deg,#ff5a1f,#f4c542);border-radius:10px}
.hp5-cutline{display:block;color:#c4cbd5;font-size:9px;line-height:1.35}

.hp5-series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hp5-series-card{border:1px solid #354050;border-radius:20px;background:#111720;overflow:hidden;box-shadow:0 18px 42px #0006}
.hp5-series-image{display:block;position:relative;height:230px;overflow:hidden}.hp5-series-image img{width:100%;height:100%;object-fit:cover}.hp5-series-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b0f16e8 0%,transparent 65%)}.hp5-series-image>span{position:absolute;left:22px;bottom:18px;font-size:25px;font-weight:950;letter-spacing:-.03em;text-transform:uppercase}
.hp5-series-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 20px}.hp5-series-body>div{min-width:0}.hp5-series-body small{display:block;color:#7e8a9a;font-size:9px;letter-spacing:.1em;font-weight:900}.hp5-series-body b{display:block;font-size:14px;margin:6px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp5-series-body span{font-size:11px;color:#a3aebd}
.hp5-series-actions{display:flex;border-top:1px solid #29313e}.hp5-series-actions a{flex:1;text-align:center;padding:13px 8px;font-size:10px;font-weight:850;border-right:1px solid #29313e}.hp5-series-actions a:last-child{border-right:0}.hp5-series-actions a:hover{background:#1a2230}

.hp5-quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.hp5-quick-grid>a{padding:19px 14px;border:1px solid #344050;border-radius:15px;background:#111821;display:grid;gap:5px;text-align:center}.hp5-quick-grid>a:hover{border-color:#66758a;background:#18212d;transform:translateY(-2px)}.hp5-quick-grid span{font-size:22px}.hp5-quick-grid b{font-size:13px}.hp5-quick-grid small{font-size:9px;color:#8491a1}.hp5-explore-all{justify-self:center;font-size:11px;color:#aeb8c5;font-weight:800}

.hp5-personal{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 25px;border-radius:18px;border:1px solid #384658;background:radial-gradient(circle at 90% 0,#244c5c55,transparent 32%),#121922}.hp5-personal .eyebrow{margin:0}.hp5-personal h2{margin:3px 0 5px}.hp5-personal span{color:#9ca9b8}.hp5-personal>a{white-space:nowrap;padding:11px 15px;border:1px solid #536276;border-radius:10px;font-size:11px;font-weight:900}

.hp5-finish-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:15px}.hp5-finish-feature,.hp5-community,.hp5-photo-stack{min-height:300px;border:1px solid #354050;border-radius:18px;background:#111720;overflow:hidden}
.hp5-finish-feature{position:relative;display:flex;align-items:flex-end}.hp5-finish-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hp5-finish-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080c12ec 0%,#080c1235 75%)}.hp5-finish-feature>div{position:relative;z-index:1;padding:24px}.hp5-finish-feature.text:after{display:none}.hp5-finish-feature span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#f4c95e}.hp5-finish-feature h3{font-size:24px;line-height:1.08;margin:9px 0}.hp5-finish-feature small{color:#aab3bf}
.hp5-community,.hp5-photo-stack{padding:18px;display:flex;flex-direction:column;gap:8px}.hp5-community-head{padding:2px 2px 9px;border-bottom:1px solid #2b3440}.hp5-community>a,.hp5-photo-stack>a{display:grid;gap:4px;padding:11px 5px;border-bottom:1px solid #252e3a}.hp5-community>a:last-child,.hp5-photo-stack>a:last-child{border-bottom:0}.hp5-community>a span,.hp5-photo-stack>a span{font-size:8px;color:#d7ae4f;letter-spacing:.09em;font-weight:900}.hp5-community>a b,.hp5-photo-stack>a b{font-size:12px;line-height:1.25}.hp5-community>a small{font-size:9px;color:#778496}
.hp5-photo-stack>a{grid-template-columns:70px 1fr;align-items:center}.hp5-photo-stack img{width:70px;height:54px;border-radius:8px;object-fit:cover}.hp5-photo-stack>a div{min-width:0}
.hp5-endcap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 4px;border-top:1px solid #2d3541}.hp5-endcap>div:first-child{display:grid}.hp5-endcap strong{font-size:13px;letter-spacing:.14em}.hp5-endcap span{font-size:10px;color:#7e8a99}.hp5-endcap-links{display:flex;gap:18px}.hp5-endcap-links a{font-size:10px;font-weight:800;color:#a9b4c1}

@media(max-width:980px){
  .hp5-race-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp5-hero{grid-template-columns:1fr;min-height:0}.hp5-hero-link{min-height:430px}.hp5-right-now{border-left:0;border-top:1px solid #313a48;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.hp5-section-label{grid-column:1/-1}
  .hp5-around-grid,.hp5-finish-grid{grid-template-columns:1fr 1fr}.hp5-story-card.top,.hp5-finish-feature{grid-column:1/-1}
  .hp5-champ-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp5-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
  main{padding-left:14px;padding-right:14px}
  .hp5-shell{gap:20px}
  .hp5-race-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2px;scrollbar-width:none}.hp5-race-strip::-webkit-scrollbar{display:none}.hp5-race-pill{flex:0 0 79%;scroll-snap-align:start;min-height:100px}
  .hp5-hero{border-radius:18px}.hp5-hero-link{min-height:410px}.hp5-hero-copy{padding:28px 22px}.hp5-hero-copy h1{font-size:clamp(36px,12vw,54px)}.hp5-hero-copy p{font-size:14px}
  .hp5-right-now{display:block;padding:16px}.hp5-right-now>*+*{margin-top:9px}.hp5-now-row{display:none}.hp5-now-primary{margin-top:10px}
  .hp5-wire{border-radius:12px}.hp5-wire-label{padding:0 11px}.hp5-wire-label strong{display:none}.hp5-wire-track a{padding:12px 14px}
  .hp5-heading{align-items:center}.hp5-heading h2{font-size:24px}.hp5-heading>a{font-size:9px}
  .hp5-around-grid{display:block}.hp5-story-card{min-height:0;margin-bottom:10px;padding:19px}.hp5-story-card h3{font-size:21px}.hp5-story-card p{font-size:12px}.hp5-story-card em{padding-top:13px}
  .hp5-champ-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hp5-champ-grid::-webkit-scrollbar{display:none}.hp5-champ-card{flex:0 0 82%;scroll-snap-align:start;min-height:215px}
  .hp5-series-grid{grid-template-columns:1fr}.hp5-series-image{height:200px}.hp5-series-body{padding:15px}
  .hp5-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hp5-quick-grid>a{padding:14px 7px}.hp5-quick-grid span{font-size:19px}.hp5-quick-grid small{display:none}
  .hp5-personal{display:block;padding:19px}.hp5-personal>a{display:inline-block;margin-top:15px}
  .hp5-finish-grid{display:block}.hp5-finish-feature,.hp5-community,.hp5-photo-stack{min-height:0;margin-bottom:11px}.hp5-finish-feature{height:245px}.hp5-community>a:nth-of-type(n+3){display:none}.hp5-photo-stack>a:nth-of-type(n+3){display:none}
  .hp5-endcap{display:block;text-align:center;padding-bottom:82px}.hp5-endcap-links{justify-content:center;margin-top:13px}
}


/* Driver Identity 4.0 */
.driver-id4-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:13px 0 20px}.driver-id4-status>div{padding:15px;border:1px solid #34404e;border-radius:13px;background:#111821;display:grid;gap:3px}.driver-id4-status span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#8d99a8}.driver-id4-status b{font-size:16px}.driver-id4-status small{color:#8693a2}



/* Driver Profile 4.0 customization + cleanup — 2026-10-04 */
.driver-profile-theme{
  --driver-accent:#b82cff;
  --driver-accent-2:#2c91ff;
  --driver-accent-soft:#e8d7ff;
  --driver-accent-rgb:184,44,255;
  --driver-panel:#0d141c;
  --driver-panel-2:#131b24;
  --driver-line:#334253;
}
.driver-profile-theme.driver-theme-red{--driver-accent:#ef3340;--driver-accent-2:#9c121c;--driver-accent-soft:#ffd6d9;--driver-accent-rgb:239,51,64}
.driver-profile-theme.driver-theme-blue{--driver-accent:#2c91ff;--driver-accent-2:#1851c7;--driver-accent-soft:#d7eaff;--driver-accent-rgb:44,145,255}
.driver-profile-theme.driver-theme-green{--driver-accent:#64df57;--driver-accent-2:#239447;--driver-accent-soft:#d9ffd7;--driver-accent-rgb:100,223,87}
.driver-profile-theme.driver-theme-purple{--driver-accent:#bd39ff;--driver-accent-2:#7423c9;--driver-accent-soft:#efd9ff;--driver-accent-rgb:189,57,255}
.driver-profile-theme.driver-theme-gold{--driver-accent:#f2bf3a;--driver-accent-2:#9c6e10;--driver-accent-soft:#fff0bc;--driver-accent-rgb:242,191,58}
.driver-profile-theme.driver-theme-orange{--driver-accent:#ff7b28;--driver-accent-2:#b7430e;--driver-accent-soft:#ffe2cd;--driver-accent-rgb:255,123,40}
.driver-profile-theme.driver-theme-chrome{
  --driver-accent:#e7edf2;--driver-accent-2:#858f98;--driver-accent-soft:#fff;
  --driver-accent-rgb:220,229,236;
}

/* Cleaner hierarchy */
.driver-profile-theme{
  display:block;
}
.driver-profile-theme > section,
.driver-profile-theme > nav{
  max-width:1240px;
  margin-left:auto;
  margin-right:auto;
}
.driver-profile-theme .driver-profile-hero{
  position:relative;
  overflow:hidden;
  border-color:rgba(var(--driver-accent-rgb),.42)!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(var(--driver-accent-rgb),.18),transparent 36%),
    linear-gradient(135deg,#111821f2,#0a0f15f7)!important;
  box-shadow:0 18px 44px #0008,0 0 28px rgba(var(--driver-accent-rgb),.10)!important;
}
.driver-profile-theme.driver-theme-chrome .driver-profile-hero{
  background:
    radial-gradient(circle at 82% 10%,rgba(255,255,255,.20),transparent 32%),
    linear-gradient(135deg,#303840,#11171d 47%,#252c33 72%,#090d11)!important;
}
.driver-profile-theme .eyebrow,
.driver-profile-theme .driver-profile-number,
.driver-profile-theme .driver4-identity-head span,
.driver-profile-theme .driver78-title>span{
  color:var(--driver-accent)!important;
}
.driver-profile-theme .btn:not(.fan-mail-primary){
  border-color:rgba(var(--driver-accent-rgb),.48)!important;
}
.driver-profile-theme .btn:not(.ghost):not(.fan-mail-primary){
  background:linear-gradient(180deg,var(--driver-accent),var(--driver-accent-2))!important;
  color:#fff!important;
}
.driver-profile-theme.driver-theme-gold .btn:not(.ghost):not(.fan-mail-primary),
.driver-profile-theme.driver-theme-chrome .btn:not(.ghost):not(.fan-mail-primary),
.driver-profile-theme.driver-theme-green .btn:not(.ghost):not(.fan-mail-primary){
  color:#101418!important;
}
.driver-profile-theme .driver-resume4,
.driver-profile-theme .driver44-public-intel,
.driver-profile-theme .companion-overview,
.driver-profile-theme .driver78,
.driver-profile-theme .driver4-identity,
.driver-profile-theme .driver4-history,
.driver-profile-theme .driver-id4-status{
  border-color:rgba(var(--driver-accent-rgb),.22)!important;
  background:linear-gradient(145deg,rgba(11,16,22,.96),rgba(16,23,31,.90))!important;
  box-shadow:0 12px 30px #0005;
}
.driver-profile-theme .driver-resume4-kpis>div,
.driver-profile-theme .companion-stat-grid>div,
.driver-profile-theme .driver44-public-grid>article,
.driver-profile-theme .driver4-public-strip>div{
  border-color:rgba(var(--driver-accent-rgb),.18)!important;
}
.driver-profile-theme .driver-resume4-kpis b,
.driver-profile-theme .companion-stat-grid b{
  color:var(--driver-accent-soft);
}
.driver-profile-theme .driver3-jumpbar{
  position:sticky;
  top:0;
  z-index:28;
  padding:8px 10px;
  border:1px solid rgba(var(--driver-accent-rgb),.22);
  border-radius:12px;
  background:rgba(7,12,18,.90);
  backdrop-filter:blur(10px);
  box-shadow:0 8px 24px #0006;
}
.driver-profile-theme .driver3-jumpbar a{
  border-radius:8px;
}
.driver-profile-theme .driver3-jumpbar a:hover{
  background:rgba(var(--driver-accent-rgb),.14);
  color:var(--driver-accent-soft);
}

/* Collapsible profile sections */
.driver-profile-theme .driver-profile-collapsible{
  position:relative!important;
}
.driver-profile-theme .driver-profile-collapse-bar{
  position:absolute;
  z-index:22;
  top:10px;
  right:10px;
  display:flex;
  align-items:center;
  gap:8px;
}
.driver-profile-theme .driver-profile-collapse-bar>span{display:none}
.driver-profile-theme .driver-profile-collapse-bar>button{
  min-height:30px;
  padding:6px 11px;
  border:1px solid rgba(var(--driver-accent-rgb),.62);
  border-radius:999px;
  background:rgba(6,10,15,.90);
  color:var(--driver-accent-soft);
  font-size:9px;
  font-weight:1000;
  letter-spacing:.04em;
  box-shadow:0 6px 16px #0008,0 0 12px rgba(var(--driver-accent-rgb),.12);
  cursor:pointer;
}
.driver-profile-theme .driver-profile-collapse-bar>button:hover{
  border-color:var(--driver-accent);
  background:rgba(var(--driver-accent-rgb),.13);
}
.driver-profile-theme .driver-profile-collapsible.is-collapsed{
  min-height:48px!important;
  height:48px!important;
  max-height:48px!important;
  overflow:hidden!important;
  padding:0!important;
  margin-top:10px!important;
  margin-bottom:10px!important;
  border:1px solid rgba(var(--driver-accent-rgb),.48)!important;
  border-radius:12px!important;
  background:linear-gradient(90deg,rgba(var(--driver-accent-rgb),.11),#0a1016)!important;
}
.driver-profile-theme .driver-profile-collapsible.is-collapsed > :not(.driver-profile-collapse-bar){
  display:none!important;
}
.driver-profile-theme .driver-profile-collapsible.is-collapsed .driver-profile-collapse-bar{
  position:absolute;
  inset:0 10px 0 14px;
  justify-content:space-between;
}
.driver-profile-theme .driver-profile-collapsible.is-collapsed .driver-profile-collapse-bar>span{
  display:block;
  max-width:76%;
  overflow:hidden;
  color:var(--driver-accent-soft);
  font-size:10px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* Theme picker on My Driver Profile */
.driver-theme-picker{
  margin:14px 0;
  padding:14px;
  border:1px solid #344253;
  border-radius:14px;
  background:#0c1219;
}
.driver-theme-picker-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:11px;
}
.driver-theme-picker-head b,.driver-theme-picker-head small{display:block}
.driver-theme-picker-head small{margin-top:3px;color:var(--muted);font-size:10px}
.driver-theme-picker-head>span{font-size:8px;font-weight:1000;letter-spacing:.1em;color:#91a0b0}
.driver-theme-options{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.driver-theme-choice{
  position:relative;
  display:grid;
  grid-template-columns:24px 1fr;
  gap:8px;
  align-items:center;
  min-height:46px;
  padding:8px 10px;
  border:1px solid #303d4b;
  border-radius:10px;
  background:#10171f;
  cursor:pointer;
}
.driver-theme-choice input{position:absolute;opacity:0;pointer-events:none}
.driver-theme-choice i{
  width:22px;height:22px;border-radius:50%;
  background:linear-gradient(135deg,var(--sw1,#b82cff),var(--sw2,#2c91ff));
  box-shadow:0 0 0 2px #ffffff12;
}
.driver-theme-choice b{font-size:10px}
.driver-theme-choice:has(input:checked){
  border-color:var(--sw1,#b82cff);
  box-shadow:0 0 0 1px var(--sw1,#b82cff),0 0 14px #000;
}
.driver-theme-choice.theme-red{--sw1:#ef3340;--sw2:#9c121c}
.driver-theme-choice.theme-blue{--sw1:#2c91ff;--sw2:#1851c7}
.driver-theme-choice.theme-green{--sw1:#64df57;--sw2:#239447}
.driver-theme-choice.theme-purple{--sw1:#bd39ff;--sw2:#7423c9}
.driver-theme-choice.theme-gold{--sw1:#f2bf3a;--sw2:#9c6e10}
.driver-theme-choice.theme-orange{--sw1:#ff7b28;--sw2:#b7430e}
.driver-theme-choice.theme-chrome{--sw1:#f1f4f6;--sw2:#858f98}
@media(max-width:760px){
  .driver-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .driver-profile-theme .driver-profile-collapse-bar{top:8px;right:8px}
  .driver-profile-theme .driver-profile-collapse-bar>button{min-height:28px;padding:5px 9px;font-size:8px}
  .driver-profile-theme .driver3-jumpbar{position:relative}
}


/* Driver Profile 4.1 personalization release — 2026-10-04 */
.driver-profile-theme .driver-profile-hero.has-custom-banner{
  isolation:isolate;
  background:#090d12!important;
}
.driver-profile-theme .driver-profile-hero.has-custom-banner:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--driver-hero-image);
  background-size:cover;
  background-position:center;
  filter:saturate(.92) contrast(1.04);
  transform:scale(1.01);
}
.driver-profile-theme .driver-profile-hero.has-custom-banner:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(3,7,11,.94) 0%,rgba(3,7,11,.80) 34%,rgba(3,7,11,.36) 70%,rgba(3,7,11,.18) 100%),
    linear-gradient(0deg,rgba(3,7,11,.62),transparent 56%),
    radial-gradient(circle at 72% 16%,rgba(var(--driver-accent-rgb),.20),transparent 34%);
}
.driver-profile-theme .driver-profile-hero.has-custom-banner>*{position:relative;z-index:1}
.driver-profile-tagline{
  margin:0 0 8px!important;
  max-width:720px;
  color:var(--driver-accent-soft)!important;
  font-size:14px;
  font-weight:850;
  letter-spacing:.02em;
}
.driver-profile-spotlight{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:10px 0 6px;
}
.driver-profile-spotlight>div{
  min-width:180px;
  max-width:360px;
  padding:8px 10px;
  border:1px solid rgba(var(--driver-accent-rgb),.34);
  border-radius:10px;
  background:rgba(4,9,14,.72);
  backdrop-filter:blur(6px);
}
.driver-profile-spotlight span,
.driver-profile-spotlight b{display:block}
.driver-profile-spotlight span{
  color:var(--driver-accent);
  font-size:7px;
  font-weight:1000;
  letter-spacing:.12em;
}
.driver-profile-spotlight b{
  margin-top:3px;
  color:#fff;
  font-size:10px;
  line-height:1.25;
}

/* Profile customization controls */
.driver-upload-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.driver-banner-upload{
  border-color:#52667d!important;
}
.driver-layout-picker{
  margin:14px 0;
  padding:14px;
  border:1px solid #344253;
  border-radius:14px;
  background:#0c1219;
}
.driver-layout-order{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.driver-layout-item{
  display:grid;
  grid-template-columns:24px 1fr auto;
  gap:8px;
  align-items:center;
  min-height:42px;
  padding:7px 9px;
  border:1px solid #303d4b;
  border-radius:9px;
  background:#111820;
  cursor:grab;
}
.driver-layout-item.dragging{opacity:.45}
.driver-layout-item>span{
  color:#6f8294;
  font-size:13px;
  letter-spacing:-.18em;
}
.driver-layout-item>b{
  font-size:10px;
}
.driver-layout-item>div{
  display:flex;
  gap:4px;
}
.driver-layout-item button{
  width:27px;height:27px;
  padding:0;
  border:1px solid #405164;
  border-radius:7px;
  background:#0a1118;
  color:#dce7f2;
  cursor:pointer;
}
.driver-layout-item button:hover{
  border-color:#71879d;
  background:#16202b;
}
@media(max-width:850px){
  .driver-upload-grid{grid-template-columns:1fr!important}
}
@media(max-width:650px){
  .driver-layout-order{grid-template-columns:1fr}
  .driver-profile-spotlight{display:grid}
  .driver-profile-spotlight>div{max-width:none}
}


/* Driver favorite paint showcase — 2026-10-04 */
.driver-profile-theme .driver-favorite-paint{
  position:relative;
  max-width:1240px;
  margin:14px auto;
  padding:16px;
  border:1px solid rgba(var(--driver-accent-rgb),.28);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(10,15,21,.97),rgba(14,20,27,.92));
  box-shadow:0 14px 34px #0006;
}
.driver-favorite-paint-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.driver-favorite-paint-head h2{margin:3px 0 2px}
.driver-favorite-paint-head p{margin:0;color:#8e9ba8}
.driver-favorite-paint-head>span{
  padding:5px 8px;
  border:1px solid rgba(var(--driver-accent-rgb),.34);
  border-radius:999px;
  color:var(--driver-accent-soft);
  font-size:8px;
  font-weight:1000;
  letter-spacing:.08em;
}
.driver-favorite-paint-stage{
  overflow:hidden;
  border:1px solid rgba(var(--driver-accent-rgb),.20);
  border-radius:13px;
  background:#05090d;
}
.driver-favorite-paint-stage img{
  display:block;
  width:100%;
  max-height:620px;
  object-fit:contain;
  object-position:center;
  background:#05090d;
}
.driver-paint-upload{
  border-color:#5a465f!important;
}