/* Config My Rig — graphite, warm white, signal orange. */
:root{--bg:#11161c;--panel:#181f27;--line:#343e49;--muted:#a0acb8;--text:#f1f2ef;--amber:#f68a45;--control-border:#424e5b;--control-surface:#1b232d;--control-radius:4px;--cmr-orange:#f68a45;--cmr-ink:#11161c;--cmr-paper:#f1f2ef}
body{background:#11161c;color:var(--text)}
header{background:#11161c;height:88px;padding:0 28px;gap:24px;border-bottom:1px solid #36404a;box-shadow:0 1px 0 #080c10;position:relative;z-index:2}
.brand{display:grid;grid-template-columns:40px auto;column-gap:11px;padding:0;min-width:186px;letter-spacing:.6px;line-height:.9;font-size:27px;white-space:nowrap}
.brand .brandmark{grid-row:1/3;position:static;display:grid;place-items:center;width:40px;height:42px;background:var(--amber);color:#11161c;transform:none;font-size:0;clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%)}
.brandmark svg{width:32px;height:32px}.brand .brand-name{color:#f1f2ef!important;display:block;font-weight:800}.brand-name>span{color:var(--amber);margin-left:2px}.brand small{margin-top:8px;font-size:7px;letter-spacing:2.2px;color:#9ca8b5;grid-column:2}
nav{gap:20px}.nav{font-size:11px;font-weight:600;color:#a6b2be;padding:0 0;border-bottom-width:3px}.nav:hover{color:#fff}.nav.active{border-color:var(--amber);color:#fff}#compareCount{background:#2c3641;color:#f1f2ef}
.head-actions{gap:12px}.demo-pill{border:0;border-left:2px solid var(--amber);padding:3px 0 3px 9px;letter-spacing:1.1px;color:#aeb9c5;line-height:1.5;font-size:8px;max-width:65px}
.button{border-radius:3px;transition:background .15s,border-color .15s;letter-spacing:.15px}.button.primary{background:var(--amber);border-color:var(--amber);color:#10161c;font-weight:700}.button.primary:hover{background:#ffa366;border-color:#ffa366}.button.subtle{background:#1b232d;border-color:#3c4855}.button.subtle:hover{border-color:#f68a45;background:#242e39}#save{background:#f68a45;border-color:#f68a45;color:#11161c}
.projectbar{padding:29px 28px;background:linear-gradient(110deg,#202a35 0,#151e28 72%);position:relative;isolation:isolate;border-bottom:1px solid #394552;overflow:hidden}.projectbar:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.19;background-image:repeating-radial-gradient(ellipse at 32% -180%,transparent 0 33px,#8ba0b3 34px 35px,transparent 36px 62px);pointer-events:none}.projectbar:after{content:'';position:absolute;left:28px;bottom:0;width:62px;height:3px;background:var(--amber)}
.projectbar .eyebrow{font:600 9px var(--font);letter-spacing:1.7px;color:#b4c0cc}.projectbar h1{font-size:33px;font-weight:700;line-height:1.12;margin-top:9px;color:#fff}.projectbar h1 span{font-size:24px;color:#a3afbc;font-weight:500}.vehicle-inputs label{color:#aab6c4;font-weight:600}.vehicle-inputs select{background-color:#111a24;border-color:#495666}.vehicle-inputs .button{border-color:#495666;background:#202c39}
#buildPage{grid-template-columns:220px minmax(400px,1fr) 300px}.catalog{background:#151c24;padding-top:25px}.section-label{color:#a9b6c3;font-size:9px;letter-spacing:1.4px}.catalog .search{background:#111820;border-radius:4px}.category{color:#b5c0ca;font-size:11px;border-radius:0 3px 3px 0;padding:12px 8px}.category:hover{background:#222d39}.category.active{background:#f68a4517;border-left-color:var(--amber);color:#ffa264}.category.active .cat-icon{color:#f68a45}.category .cat-icon{color:#8a9aa9}.category .count{color:#96a4b2}.catalog-bottom{border-color:#35404b}.catalog-bottom strong{color:#f1f2ef}.catalog-bottom p{color:#9fadb9}.text-link,a{color:#f5a16c}.text-link:hover,a:hover{color:#ffc49d}.tiny-cross{color:#f68a45}
.workspace{background:#111820}.visual-launch{background:transparent;border:0;border-bottom:1px solid #34404d;padding:21px 0;margin-bottom:2px}.visual-launch .eyebrow{color:#f68a45;font-size:9px;letter-spacing:1.15px}.visual-launch p{color:#a4b1bf;font-size:11px}.equipment-head h2{font-size:29px;font-weight:700}.equipment-head>span{color:#a3b0be}.product-card,.susp-card,.brake-card,.rolling-card{background:#1a232d;border-color:#394652;border-radius:5px;box-shadow:0 3px 10px #070c1026}.product-card:hover,.susp-card:hover,.brake-card:hover{border-color:#677483}.product-card.selected{border-color:#f68a45;box-shadow:inset 0 0 0 1px #f68a4538}.product-card h3{font-size:21px;font-weight:600}.accessory-sku,.susp-sku{color:#a5b4c3}.accessory-photo,.brake-photo{background:#eeefeb;border-radius:3px 3px 0 0}.accessory-photo>span{background:#1c2733;color:#f1f2ef}.accessory-image-pending{color:#344455}.package-badge{color:#b7c5d4;background:#1a2a39;border-color:#40576e}.package-badge.partial{color:#ffc196;background:#382a20;border-color:#775235}.install-video-link{color:#f6a572}.review-gap,.video-pending{color:#9caebb!important}.web-review-link{color:#f6a572}.accessory-specs dt{color:#a3b0bd}.product-card .price{color:#f4f2ec}
.build-panel{background:#171f28;border-left-color:#3b4754;padding-top:25px}.build-heading h2{font-size:29px}.weight-card{background:linear-gradient(120deg,#293644,#202b36);border:1px solid #4a5d70;border-top:2px solid #f68a45;border-radius:4px}.weight-card>div{color:#bcc8d4}.weight-card strong{color:#fff}.weight-track{background:#111b26}.weight-track i{background:#f68a45}.cost-title{margin-top:26px}.total-row{border-color:#4e5a68}.total-row strong{color:#fff}.rate-row input{background:#101923}.scorebox{background:#151d26;border-color:#394553}.scorebox strong{color:#c8d3de}
.rolling-hero,.brake-hero,.susp-hero{background-color:#192633;background-image:linear-gradient(120deg,#233342,#15212d);border-color:#3b4b5d}.rolling-hero em,.brake-hero em,.susp-hero em{color:#f68a45}.rolling-tags span,.brake-hero-tags span{color:#b6c5d4;border-color:#4a5c6d}.rolling-planner,.rolling-selection,.brake-selection,.brake-advisor,.susp-toolbar{background:#1a2531;border-color:#3e4f60}.rolling-total,.brake-plan{background:#263341}.brake-tabs button.active,.rolling-tabs button.active{color:#f68a45;border-color:#f68a45}.rolling-tabs button:hover,.brake-tabs button:hover{color:#ffc19a}
dialog{background:#1b242e;border-color:#465665;box-shadow:0 25px 100px #0009;color:#e8eef2;border-radius:6px}dialog::backdrop{background:#080e14c9;backdrop-filter:blur(5px)}.modal-head{border-color:#485461}.notice{background:#33281f;border-color:#795639;color:#f0c39f}.web-review,.install-resource{background:#202d39;border-color:#46586b}.review-scope,.install-match{color:#c3d1df}.review-method{color:#aebdcb}.review-badges span{border-color:#60758a;color:#c3d2df}.install-summary b{background:#2d3945;border-color:#596d80;color:#ffd0b0}.install-resource>b{color:#bbcbd9}.install-resource small{color:#9fafbf}.review-index-item{background:#202d39;border-color:#405467}.review-index-item:hover{border-color:#f68a45}.review-index-item b{color:#f3b188}.install-video-section{background:#192530;border-color:#43586c}.video-empty{color:#b3c0ce!important}.video-footnote{color:#9caebe!important;font-size:10px!important}.sources a{border-color:#526272}.prerequisite-link{color:#f2ac7f}footer{background:#10171e;border-color:#354451;color:#9caebd;letter-spacing:1px;font-size:9px}footer>span:first-child{color:#f68a45;font-weight:700}
@media(max-width:1250px){header{gap:16px;padding:0 20px}nav{gap:13px}.head-actions{gap:8px}.head-actions>[data-open-visual]{display:none}.projectbar h1 span{display:block;font-size:22px;margin-top:3px}}
@media(max-width:1000px){header{height:auto;min-height:85px;flex-wrap:wrap;padding-top:16px;padding-bottom:0}.brand{min-width:190px}header nav{order:3;width:100%;height:43px;overflow:auto;gap:25px;justify-content:flex-start}header .head-actions{margin-left:auto}#buildPage{grid-template-columns:190px minmax(0,1fr)}.build-panel{grid-column:1/-1}.projectbar{padding:24px 20px;align-items:flex-start}.projectbar h1{font-size:30px}.vehicle-inputs{flex-wrap:wrap;justify-content:flex-end}.vehicle-inputs #feedback{display:none}}
@media(max-width:650px){header{min-height:75px;padding:15px 14px 0;gap:10px}.brand{min-width:176px;font-size:25px;grid-template-columns:35px auto;column-gap:9px}.brand .brandmark{width:35px;height:38px}.brand small{font-size:6px;letter-spacing:2px}.head-actions .demo-pill{display:none}.head-actions #save{font-size:10px;padding:9px 11px;gap:8px}header nav{gap:23px;height:42px}.projectbar{display:block;padding:23px 15px}.projectbar h1 span{display:inline;font-size:22px}.vehicle-inputs{justify-content:flex-start;margin-top:19px}.vehicle-inputs label{flex:1;max-width:170px}.vehicle-inputs select{width:100%}#buildPage{display:flex;flex-direction:column}.catalog{padding:18px 15px;border-right:0;border-bottom:1px solid #394859}.catalog .section-label{display:none}.catalog .search{margin:0 0 12px}#categories{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:7px}.category{width:auto;min-width:145px;flex-shrink:0;margin:0;border:1px solid #354857;padding:10px}.category.active{border-color:#f68a45}.catalog-bottom{margin-top:8px;padding:10px 0;display:flex;flex-wrap:wrap;gap:6px 18px}.catalog-bottom>.tiny-cross,.catalog-bottom>strong,.catalog-bottom>p{display:none}.catalog-bottom .text-link{margin:0!important;font-size:10px}.workspace{padding:0 15px 20px}.visual-launch{padding:17px 0;gap:12px}.visual-launch .eyebrow{font-size:8px}.visual-launch .button{font-size:10px;padding:10px;white-space:nowrap}.visual-launch p{font-size:10px}.equipment-head{padding-top:20px}.equipment-head h2{font-size:27px}.product-grid{grid-template-columns:1fr}.product-card{padding:18px}.build-panel{padding:24px 18px;border-left:0}.review-index-item{gap:12px;flex-wrap:wrap}.review-index-item b{font-size:10px}footer{gap:14px;flex-wrap:wrap;padding:21px 15px}}
/* Connected wheel and tire selection */
.pair-summary,.position-panel{background:#fff;border:1px solid #d4d4d0;padding:24px;margin:24px 0}.pair-summary h2{font-size:25px;margin:8px 0}.pair-summary p,.position-panel p{color:#666;font-size:14px;line-height:1.6}.pair-summary-products{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.pair-summary-products article{display:flex;align-items:center;gap:14px;background:#f4f4f0;padding:14px}.pair-summary-products img{width:70px;height:76px;object-fit:contain;mix-blend-mode:multiply}.pair-summary-products b,.pair-summary-products span,.pair-summary-products small{display:block}.pair-summary-products b{font-size:14px;margin:5px 0}.pair-summary-products span{font-size:12px}.pair-summary-products button{margin-left:auto}.pair-summary-metrics,.position-metrics{display:grid;grid-template-columns:1fr 1.5fr auto;gap:20px;align-items:center}.pair-summary-metrics b,.position-metrics b,.position-fenders b{display:block;font-size:23px;margin:7px 0}.pair-summary small,.position-panel small{font-size:10px;letter-spacing:.08em;color:#666}.pair-summary-metrics span,.position-metrics span{font-size:12px;color:#666}.position-metrics{grid-template-columns:repeat(3,1fr);border-block:1px solid #ddd;padding:18px 0}.position-panel h3{font-size:25px;margin:8px 0}.position-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.position-inputs label{font-size:12px;display:grid;gap:8px}.position-inputs input{width:100%;height:42px;padding:8px;border:1px solid #ccc}.position-fenders{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.position-fenders b{font-size:18px}.position-diagram{position:relative;text-align:center;background:#f3f3ef;padding:20px;overflow:hidden}.position-diagram span{display:block;font-size:12px}.position-reference{position:absolute;top:40px;bottom:35px;left:50%;border-left:2px dashed #777}.position-tire{position:relative;margin:14px auto;width:100px;padding:25px 5px;background:#252729;color:white;border-right:5px solid #e87533;font-size:12px}.position-panel details{padding:14px;background:#f4f4f0}.position-panel a{font-size:12px}.pair-compatible{display:flex;align-items:center;gap:9px;font-size:13px;margin:12px 0}.pair-compatible input{width:17px;height:17px}.pair-compatible small{color:#777}.rolling-tabs{gap:6px}.rolling-tabs button{min-width:120px}.rolling-more-filters [hidden],.rolling-toolbar [hidden]{display:none!important}@media(max-width:800px){.pair-summary-products,.pair-summary-metrics,.position-metrics,.position-inputs{grid-template-columns:1fr}.pair-summary-products article{flex-wrap:wrap}.pair-compatible{flex-wrap:wrap}.pair-summary,.position-panel{padding:16px}.position-fenders{grid-template-columns:1fr}}
.pair-summary,.position-panel{background:#17232d;border-color:#34414c;color:#f3f3ef}.pair-summary-products article,.position-panel details,.position-diagram{background:#20303d}.pair-summary p,.position-panel p,.pair-summary small,.position-panel small,.pair-summary-metrics span,.position-metrics span,.pair-compatible small{color:#aeb8be}.pair-summary-products img{background:#fff;mix-blend-mode:normal;border-radius:3px}.pair-summary-products span{color:#c2c9cd}.pair-summary h2,.pair-summary b,.position-panel h3,.position-panel b{color:#f3f3ef}.position-inputs input{background:#111a22;color:#f3f3ef;border-color:#44525d}.position-metrics{border-color:#44525d}.position-reference{border-color:#b8c2ca}.position-panel a,.pair-summary .text-link{color:#f29456}