/* Common structure and TK EMEA palette. BAR product surfaces retain BAR colors. */
:root{--tk-blue:#008fd2;--impact-navy:#092980;--ice-blue:#0095fd;--innovation-blue:#0a32b1;--neutral-gray:#d7d7d7}
.global-header{background:#fff}
.global-header :is(.nav-category,.nav-direct,.nav-device-type){color:#000}
.global-header :is(.nav-category,.nav-direct,.nav-device-type):hover,
.global-header :is(.nav-category[aria-expanded=true],.nav-device-type[aria-expanded=true],a[aria-current=page]){color:var(--impact-navy);background:#008fd214}
.global-header .nav-series-arrow{color:var(--impact-navy);background:#008fd214}
.global-header .nav-contact{background:transparent!important;border:0!important;color:#000!important;box-shadow:none!important}
.page-nav{background:#fff;border-bottom:1px solid var(--neutral-gray);z-index:30;top:var(--global-header-height)}
.page-nav .shell{display:flex;gap:24px;overflow-x:auto;scrollbar-width:thin;scroll-padding-inline:24px;align-items:center}
.page-nav a{flex:0 0 auto;white-space:nowrap;padding:18px 0;font-size:13px;font-weight:700;color:#000;line-height:1.35;border-bottom:3px solid transparent}
.page-nav a:is(:hover,.active,[aria-current=location]){color:var(--impact-navy);border-bottom-color:var(--tk-blue)}
main>section[id],main>div[id]{scroll-margin-top:calc(var(--global-header-height) + 80px)}
body[data-page-family=tk] :is(.hero,.cold-hero,.tl-hero,.sc-hero,.models-section,.control-section,.contact-section,.series-feature-band,.v-priority,.truck-whisper,.truck-ut-quiet,.trailer-electric-band,.trailer-profile-band,.trailer-engineering-grid,.cold-filter-status,.review-comparison){background:var(--tk-blue);color:#fff}
body[data-page-family=tk] :is(.hero,.cold-hero,.tl-hero,.sc-hero,.models-section,.control-section,.contact-section,.series-feature-band,.v-priority,.truck-whisper,.truck-ut-quiet,.trailer-electric-band,.trailer-profile-band,.trailer-engineering-grid,.cold-filter-status,.review-comparison) :is(h1,h2,h3,h4,p,span,strong,b,small,li,dt,dd,label,summary,a){color:#fff!important}
/* White cards and controls are independent surfaces inside blue sections. */
body[data-page-family=tk] :is(.model-card,.controller-image,.truck-controller-options article,.contact-grid article,.series-guide-controls,.capacity-guide-controls,[id=series-guide-result],[id=capacity-guide-result],.review-compare-scroll) :is(h2,h3,h4,p,span,strong,b,small,li,dt,dd,label,summary,a,button){color:#000!important}
body[data-page-family=tk] :is(.model-card,.controller-image,.truck-controller-options article,.series-guide-controls,.capacity-guide-controls,[id=series-guide-result],[id=capacity-guide-result]){background:#fff}
body[data-page-family=tk] .review-compare-scroll thead th :is(strong,span){color:var(--impact-navy)!important}
body[data-page-family=tk] :is(.button.blue,.model-count,.v-feature-mark,.series-guide-track span,.cold-filter-status){background:var(--tk-blue);color:#fff!important}
body[data-page-family=tk] .model-card .model-count{color:var(--impact-navy)!important;background:transparent}
body[data-page-family=tk] :is(.hero,.contact-section,.control-section,.models-section) .button.white,
body[data-page-family=tk] :is(.hero,.contact-section,.control-section,.models-section) .button.white *{background:#fff;color:var(--impact-navy)!important}
body[data-page-family=tk] .hero :is(.photo-label,.v-photo-label){background:#fff;color:var(--impact-navy)!important}
body[data-page-family=tk] .table-wrap :is(caption,thead th),body[data-page-family=tk] .table-wrap :is(caption,thead th) *{background:var(--tk-blue);color:#fff!important}
body[data-page-family=tk] .series-guide-controls :is(select,input),body[data-page-family=tk] .capacity-guide-controls :is(select,input),body[data-page-family=tk] .review-comparison select{background:#fff;color:#000!important;border:1px solid var(--neutral-gray)}
body[data-page-family=tk] .series-guide-model span{color:var(--impact-navy)!important}
body[data-page-family=tk] .series-guide-track{background:#d7d7d740}
body[data-page-family=tk] .series-guide-track span{background:var(--tk-blue)!important}
body[data-page-family=tk] .series-guide-title{color:var(--impact-navy)!important}
body[data-page-family=tk] .review-contact{background:var(--tk-blue)!important}
body[data-page-family=tk] .review-contact .emergency-contact{border-left-color:var(--tk-blue)!important}
body[data-page-family=tk] .review-contact .review-24{background:var(--tk-blue);color:#fff!important}
body[data-page-family=tk] .review-contact .review-24 *{color:#fff!important}
body[data-page-family=tk] :is(.sc-plan-grid article:nth-child(2),.e-noise-grid article){background:var(--tk-blue);color:#fff}
body[data-page-family=tk] :is(.sc-plan-grid article:nth-child(2),.e-noise-grid article) :is(h3,p,span,li,a,strong,small){color:#fff!important}
body[data-page-family=tk] .tl-stat-grid{background:var(--tk-blue)}
body[data-page-family=tk] .tl-stat-grid :is(strong,span){color:#fff!important}
body[data-page-family=tk] .e-lite-spectrum{background:#fff}
body[data-page-family=tk] .e-lite-spectrum :is(h3,p,span,strong,small){color:#000!important}
body[data-page-family=tk] .model-card .model-button{color:var(--impact-navy)!important;border-color:var(--tk-blue)}
body[data-page-family=tk] .model-card .model-button span{color:var(--impact-navy)!important}
.shell.contact-section{padding-inline:32px;text-align:left}
body[data-page-family=tk] :is(.button,.model-button,select,input,summary):focus-visible{outline:3px solid var(--tk-blue);outline-offset:4px}
body[data-page-family=tk] :is(.hero,.contact-section,.models-section,.control-section,.review-comparison) :is(.button,.model-button,select,input,summary):focus-visible{outline-color:var(--impact-navy)}
@media(max-width:600px){.page-nav .shell{gap:20px}.page-nav a{font-size:12px;padding:16px 0}.shell.contact-section{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.page-nav .shell{scroll-behavior:auto}}
body[data-page-family=tk] .review-contact .contact-grid article .review-24{color:#fff!important}
body[data-page-family=tk] .v-zone-diagram>div:first-child :is(span,strong){color:var(--impact-navy)!important}
body[data-page-family=bar] .bar-selection .bar-kicker{color:#fff}

body[data-page-family=bar] .bar-table-wrap{position:relative}
/* Anchor clearance is applied once through section scroll margins. */
html{scroll-padding-top:0}

