/* Modern shop-manual system: compact, vehicle-first, and built from TE logo geometry. */
.site-header{height:74px;background:rgba(7,11,15,.96);backdrop-filter:blur(16px);padding-inline:max(4vw,20px)}
.brand img{width:50px;height:50px}.brand small{font-size:11px;color:#c2cbd2}.vehicle-nav{border:1px solid #3399ff;background:#2468dc;color:var(--ink, #f1f1f1);padding:11px 15px;font-weight:900;cursor:pointer}
.finder{min-height:auto;grid-template-columns:.85fr 1.15fr;padding:64px max(7vw,28px) 42px;background-color:#0b1218;background-image:none;background-size:auto,34px 34px,34px 34px}
.finder:after{width:330px;height:330px;border-width:58px;border-color:rgba(51,153,255,.11);right:-185px;bottom:-260px}
.finder h1{font-size:clamp(46px,5.4vw,76px);margin-bottom:24px}.finder-copy>p:last-child{font-size:17px;max-width:560px}.search-panel{padding:26px;box-shadow:0 22px 55px rgba(0,0,0,.3);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
.plate b{background:#101820;color:#3399ff}.search-panel button{background:#2468dc;color:var(--ink, #f1f1f1)}.search-panel button:hover{background:var(--surface, #303030)}.quick-paths{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:1200px;margin:32px auto 0;border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16);z-index:2}.quick-paths button{border:0;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.025);color:white;text-align:left;padding:19px;font-weight:800;cursor:pointer}.quick-paths button:hover{background:#2468dc;color:var(--ink, #f1f1f1)}.quick-paths span{float:right}.system-strip{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;padding:26px max(7vw,28px);background:#2468dc;color:var(--ink, #f1f1f1);align-items:center}.system-strip p{margin:0;display:flex;flex-direction:column;gap:5px}.system-strip p strong{font-size:13px;letter-spacing:.12em}.system-strip p span{font-size:14px}.system-strip ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr)}.system-strip li{font-weight:900;font-size:14px;border-left:1px solid rgba(7,16,25,.25);padding:8px 14px}.system-strip li b{display:block;font-size:10px;opacity:.6;margin-bottom:4px}.section{padding-top:78px;padding-bottom:78px}.section-deck{color:var(--ink, #f1f1f1);max-width:620px;margin:12px 0 0}.video-card{border-color:var(--line, #60656c);position:relative}.video-card:before{content:"";position:absolute;top:-1px;right:-1px;width:34px;height:5px;background:#2468dc;z-index:3}.play{clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);background:#2468dc;color:var(--ink, #f1f1f1)}.trail{font-size:12px;color:var(--ink, #f1f1f1);margin-bottom:12px}.trail i{font-style:normal;color:#3399ff;padding-inline:4px}.resources{display:flex;gap:7px;flex-wrap:wrap;margin:-6px 0 22px}.resources span{border:1px solid var(--line, #60656c);padding:5px 8px;font-size:10px;text-transform:uppercase;font-weight:800;color:var(--ink, #f1f1f1)}.watch{color:#69aaff}.category-grid button b{color:#69aaff}.garage{position:relative;background-image:none;background-size:34px 34px}.garage-intro button{background:#2468dc;color:var(--ink, #f1f1f1)}.tools{background:#147bd4}.tools-copy a{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
@media(max-width:900px){.vehicle-nav{width:100%}.quick-paths{grid-template-columns:1fr 1fr}.system-strip{grid-template-columns:1fr}.system-strip ol{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.finder{padding-top:46px}.quick-paths{grid-template-columns:1fr}.system-strip ol{grid-template-columns:1fr 1fr}.system-strip li{padding-left:9px}.section-deck{font-size:14px}}
/* Four connected pillars, extending the existing TE VIDEOS shop-manual theme. */
html{scroll-padding-top:100px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--line, #60656c);outline-offset:4px}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--surface, #303030);color:var(--ink, #f1f1f1);padding:16px}.skip-link:focus{top:12px}.site-header nav{gap:20px}.brand small{font-size:12px;max-width:190px;line-height:1.4}.finder{gap:3vw 5vw}.finder h1{font-size:clamp(44px,5vw,72px);line-height:1.02}.finder-copy>p:last-child{font-size:18px}.eyebrow{font-size:13px}.search-panel{clip-path:none}.search-panel label{font-size:14px;letter-spacing:.03em}.search-panel button{height:auto;min-height:54px;padding:14px;font-size:14px;line-height:1.4}.plate{font-size:14px;line-height:1.4}.form-note{color:var(--ink, #f1f1f1);font-size:14px;line-height:1.5}.vehicle-options{grid-column:1/-1}.vehicle-options summary{cursor:pointer;font-size:14px;font-weight:700;padding:4px 0}.vehicle-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:16px}.vehicle-fields select{padding:0 8px;font-size:14px}.filter-help{font-size:14px;color:var(--ink, #f1f1f1);line-height:1.5}.quick-paths{margin-top:8px;max-width:none}.quick-paths a{padding:22px 18px;border-right:1px solid var(--line, #60656c);border-bottom:1px solid var(--line, #60656c);font-size:16px;font-weight:800;line-height:1.5}.quick-paths a:hover{background:#2468dc;color:var(--ink, #f1f1f1)}.quick-paths small{display:block;font-size:12px;font-weight:700;color:#98bada;letter-spacing:.04em;margin-bottom:10px}.quick-paths a:hover small{color:var(--ink, #f1f1f1)}.system-strip li b{font-size:12px;opacity:1}.system-strip li{line-height:1.5}.system-strip p{line-height:1.5}.catalog-controls{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-buttons button,#clear-filters,.empty-result button{border:1px solid var(--line, #60656c);background:var(--surface, #303030);padding:11px 15px;color:var(--ink, #f1f1f1);cursor:pointer;font-size:14px;font-weight:700}.filter-buttons button[aria-pressed=true]{background:#101820;color:#fff;border-color:#101820}.filter-buttons button:hover{border-color:#147bd4}#clear-filters{border-color:transparent;background:transparent;text-decoration:underline}.results-status{font-size:14px;color:var(--ink, #f1f1f1);margin:22px 0}.video-grid{align-items:stretch}.guide-band{background:#122637;color:#79bdff;padding:24px;display:flex;justify-content:space-between;font-size:14px;font-weight:800;border-bottom:3px solid #3399ff}.guide-band b{font-size:20px}.trail,.tag{font-size:12px}.tag{color:#69aaff;line-height:1.6}.resources span{font-size:12px;text-transform:none}.card-body h3{line-height:1.25}.section-head>a{color:#69aaff;font-size:14px;white-space:nowrap}.empty-result{grid-column:1/-1;border:1px solid var(--line, #60656c);padding:30px;background:var(--surface, #303030)}.empty-result p{line-height:1.6}.skills-feature{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--surface, #303030)}.skills-feature h2{font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:0}.skills-feature>div>p:not(.eyebrow){line-height:1.7;color:var(--ink, #f1f1f1);max-width:580px}.solid-link{display:inline-block;padding:16px 22px;background:#2468dc;color:var(--ink, #f1f1f1);font-size:16px;font-weight:800;line-height:1.5}.three-cs{border-top:3px solid #147bd4;padding-top:24px}.three-cs>a{display:flex;gap:24px;border-bottom:1px solid var(--line, #60656c);padding:16px 0}.three-cs b{color:#69aaff;font-size:14px}.three-cs h3{font-size:24px;margin:0}.three-cs p{font-size:16px;line-height:1.5;color:var(--ink, #f1f1f1);margin:8px 0}.community-link{display:inline-block;border-bottom:1px solid #3399ff;padding-block:10px;color:#8ec8ff;font-weight:700;line-height:1.5}.threads article{grid-template-columns:52px 1fr}.threads article span{font-size:12px}.threads p{font-size:14px;line-height:1.5;color:#a8b7c2}.tools{background:#104f84}.tool-list a{padding:24px;border:1px solid var(--line, #60656c);font-size:18px;font-weight:800;line-height:1.5}.tool-list a:hover{background:var(--surface, #303030)}.tools-copy>p.affiliate-note{font-size:14px;color:#e1edf5;line-height:1.6}.tool-list{align-content:center}footer small{font-size:13px;color:#a2b1bc;line-height:1.6}dialog{border:0;padding:0;background:var(--surface, #303030);color:var(--ink, #f1f1f1);width:min(900px,calc(100% - 32px));max-height:90dvh;box-shadow:0 24px 100px #0008}dialog::backdrop{background:#071019cc}body:has(dialog[open]){overflow:hidden}.dialog-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:#101820;color:#b9d0e1;padding:16px 24px;gap:16px;z-index:1}.dialog-bar>span{font-size:12px;font-weight:800;letter-spacing:.06em}.dialog-bar button{background:#2468dc;border:0;padding:10px 16px;color:var(--ink, #f1f1f1);cursor:pointer;font-size:14px;font-weight:800}#resource-detail{padding:34px 40px}#resource-detail h2{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:0 0 16px;letter-spacing:-.03em}.detail-meta{font-size:14px;color:var(--ink, #f1f1f1)}.detail-intro{font-size:18px;line-height:1.7}.guide-sections{margin-top:28px}.guide-sections section{padding:18px 0;border-bottom:1px solid var(--line, #60656c)}.guide-sections h3,.source-box h3,.shopping-box h3,.related-box h3{margin:0 0 10px;font-size:21px}.guide-sections p,.source-box p,.shopping-box p{margin:8px 0;font-size:16px;line-height:1.75}.source-box,.shopping-box,.related-box{margin-top:28px;padding:24px;background:var(--surface, #303030)}.source-box p{font-size:14px;color:var(--ink, #f1f1f1)}.source-box a,.shopping-box a{color:#69aaff;text-decoration:underline;font-weight:700}.shopping-box p.affiliate-note{font-size:14px}.related-box{background:transparent;padding:0}.related-box>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.related-box a{display:flex;flex-direction:column;padding:18px;border:1px solid var(--line, #60656c);background:var(--surface, #303030);gap:8px;line-height:1.5}.related-box a small{font-size:12px;color:#69aaff;font-weight:800}.related-box a span{font-size:16px;font-weight:700}@media(max-width:1150px){.site-header nav{gap:12px;font-size:13px}.brand small{max-width:140px}}@media(max-width:900px){.finder{grid-template-columns:1fr}.site-header nav{top:74px;font-size:16px}.site-header nav a{padding:7px}.skills-feature{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:flex-start;gap:18px;flex-direction:column}}@media(max-width:560px){.video-grid{grid-template-columns:1fr}.quick-paths{grid-template-columns:1fr 1fr}.quick-paths a{padding:16px 12px;font-size:14px}.quick-paths small{font-size:12px;min-height:36px}.quick-paths span{float:none;margin-left:4px}.vehicle-fields{grid-template-columns:1fr}.finder h1{font-size:clamp(38px,10vw,50px)}.related-box>div{grid-template-columns:1fr}#resource-detail{padding:24px}.dialog-bar{padding:12px 16px}.dialog-bar>span{max-width:145px}.tool-list a{padding:20px}.plate{letter-spacing:.04em}.system-strip li{font-size:14px}.section-head>a{white-space:normal}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.video-card{transition:none}.video-card:hover{transform:none}}

.card-body p.engine-code{font-size:14px;line-height:1.5;color:var(--ink, #f1f1f1);font-weight:700;margin:0 0 20px}
.content-disclosure{border-left:3px solid #a4bbc9;padding:10px 14px;background:var(--surface, #303030);font-size:14px!important;line-height:1.65!important;color:var(--ink, #f1f1f1)}
.evidence-note{border:1px solid var(--line, #60656c);border-left:4px solid #147bd4;background:var(--surface, #303030);padding:18px 20px;margin:20px 0}
.evidence-note>strong{font-size:14px;color:#69aaff}.evidence-note p{font-size:14px;line-height:1.6;margin:6px 0 0;color:var(--ink, #f1f1f1)}
.connected-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.connected-product{border:1px solid var(--line, #60656c);background:var(--surface, #303030);padding:22px}
.product-context{display:block;font-size:12px;line-height:1.6;font-weight:800;color:#69aaff;margin-bottom:10px}
.connected-product h3{font-size:20px;line-height:1.3;margin:0 0 12px}
.connected-product p{font-size:15px;line-height:1.65;color:var(--ink, #f1f1f1);margin:10px 0}
.connected-product .product-disclosure{font-size:13px}
.product-offers{border-top:1px solid var(--line, #60656c);margin-top:18px;padding-top:14px;display:grid;gap:16px}
.product-offers a{font-size:14px;line-height:1.6;color:#69aaff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.product-offers small{display:block;font-size:12px;line-height:1.6;color:var(--ink, #f1f1f1);margin-top:5px}
.product-affiliate-note{font-size:13px!important;line-height:1.6!important;color:var(--ink, #f1f1f1);margin:12px 0 0}
.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:left;margin-top:30px}
.about-principles a{border-top:3px solid #3399ff;background:var(--surface, #303030);padding:22px}
.about-principles strong{display:block;font-size:17px;line-height:1.4;margin-bottom:10px}
.about-principles span{display:block;font-size:15px;line-height:1.6;color:var(--ink, #f1f1f1)}
.about-principles a:hover{background:var(--surface, #303030)}.about p{font-size:18px;line-height:1.7;color:var(--ink, #f1f1f1)}
.about p.about-contact{font-size:14px;margin-top:30px}.about-contact a{color:#69aaff;text-decoration:underline}
footer>div:nth-of-type(2){flex-wrap:wrap;font-size:14px;line-height:1.6}
@media(max-width:650px){.connected-products,.about-principles{grid-template-columns:1fr}.connected-product{padding:20px}}

/* Homepage discovery layer: visible catalog depth and three clear starting points. */
.hero-topics{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.hero-topics a{border:1px solid #3c5364;color:#c5d7e4;padding:8px 11px;font-size:12px;font-weight:800}.hero-topics a:hover{border-color:#3399ff;color:#fff;background:#13324a}
.garage-status{display:grid;grid-template-columns:repeat(3,minmax(120px,.45fr)) 2fr;gap:0;background:var(--surface, #303030);border-bottom:1px solid var(--line, #60656c);padding:0 max(7vw,28px)}.garage-status>div{padding:24px 22px;border-right:1px solid var(--line, #60656c);display:flex;flex-direction:column}.garage-status>div:first-child{padding-left:0}.garage-status strong{font-size:29px;line-height:1;color:var(--ink, #f1f1f1)}.garage-status span{font-size:12px;color:var(--ink, #f1f1f1);margin-top:7px}.garage-status>p{margin:0;padding:22px 0 22px 28px;align-self:center;font-size:13px;line-height:1.55;color:var(--ink, #f1f1f1)}.garage-status>p strong{font-size:13px;color:var(--ink, #f1f1f1)}.garage-status .status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2468dc;margin:0 9px 0 0}
.start-here{background:#10202c;color:#fff}.start-here .section-deck{color:#a9bac6}.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.start-card{background:#142b3b;border:1px solid #2d4555;display:flex;flex-direction:column;transition:.2s}.start-card:hover{transform:translateY(-4px);border-color:#3399ff}.start-image{aspect-ratio:16/9;position:relative;overflow:hidden;background:#080d11}.start-image img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88}.start-image span{position:absolute;left:0;bottom:0;background:#2468dc;color:var(--ink, #f1f1f1);font-size:13px;font-weight:900;padding:10px 13px}.start-card>div:last-child{padding:23px;display:flex;flex-direction:column;flex:1}.start-card small{color:#7fc1ff;font-weight:900;letter-spacing:.12em}.start-card h3{font-size:21px;line-height:1.25;margin:10px 0}.start-card p{color:#acbdc8;line-height:1.55;margin:0 0 22px;font-size:14px}.start-card strong{margin-top:auto;color:#7fc1ff;font-size:14px}
@media(max-width:900px){.garage-status{grid-template-columns:repeat(3,1fr)}.garage-status>p{grid-column:1/-1;padding:18px 0;border-top:1px solid var(--line, #60656c)}.start-grid{grid-template-columns:1fr}}
@media(max-width:560px){.garage-status{padding-inline:20px}.garage-status>div{padding:18px 10px}.garage-status>div:first-child{padding-left:0}.garage-status strong{font-size:24px}.garage-status span{font-size:11px}.hero-topics{margin-top:18px}}