/* Readable technical information: clear text, generous leading, no tiny specs. */
:root{--muted:#c5ced7;--text:#f4f6f8;--control-font-size:16px}
body{font-size:16px;line-height:1.6;font-weight:400}
p,li,dd{line-height:1.7}
button,input,select,textarea{line-height:1.4}
input::placeholder,textarea::placeholder{color:#bbc7d2!important}
.button,.text-link,.category,.nav{font-size:14px;line-height:1.5}
.button{min-height:44px}
.category{padding-block:14px;align-items:center}
.category .count{font-size:14px;color:#c5ced7}
.category-subtitle{line-height:1.5}
.eyebrow,.section-label,.product-brand,.projectbar .eyebrow{font-size:13px;letter-spacing:.07em}
.brand small{font-size:10px;letter-spacing:1.5px}
.demo-pill{font-size:11px;max-width:78px}
.vehicle-inputs label{font-size:13px;letter-spacing:.05em}
.projectbar{flex-wrap:wrap}
.vehicle-inputs{flex-wrap:wrap}
.visual-launch p,.catalog-bottom p{font-size:15px;line-height:1.7}
.equipment-head{gap:16px;flex-wrap:wrap}
.equipment-head>span{font-size:14px;line-height:1.6}
.product-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
.product-card{padding:20px}
.product-card h3,.sourced-accessory h3,.brake-card-title h3,.rolling-card h3{font-family:var(--font);font-size:20px;line-height:1.4;font-weight:600;letter-spacing:0;height:auto;min-height:0}
.product-card p,.sourced-accessory>p,.sourced-accessory .accessory-specs>p,.card-recommendation p,.card-fitment-details>div,.card-fitment-details p{font-size:15px;line-height:1.7;color:#d4dce3}
.accessory-option{font-size:14px}
.sourced-accessory .accessory-option-note{font-size:14px!important;line-height:1.65!important;color:#c5ced7!important}
.accessory-photo-caption,.accessory-sku,.sourced-accessory .accessory-price-date{font-size:13px;color:#c5ced7}
.card-key-facts{gap:14px;padding-block:16px}
.card-key-facts b{font-size:21px;line-height:1.3}
.card-key-facts span,.card-parts-price>span,.card-recommendation span{font-size:13px;letter-spacing:.04em}
.card-key-facts small,.card-parts-price>small{font-size:14px;line-height:1.6;color:#c5ced7}
.card-labor{font-size:14px!important;color:#c5ced7!important}
.card-fitment-details summary,.card-evidence-actions button,.sourced-accessory .compare-check{font-size:14px;line-height:1.6}
.card-evidence-actions button{min-height:40px}
.card-fitment-details b{font-size:14px}
.product-spec{font-size:14px;gap:12px;flex-wrap:wrap}
.product-spec b{font-size:17px}
.product-actions .button{font-size:14px;min-height:44px}
.empty-build,.build-item strong{font-size:15px;line-height:1.6}
.build-item small,.owned-label,.cost-row,.rate-row,.estimate-note,.rate-note,.weight-card p,.scorebox p{font-size:14px;line-height:1.7}
.build-item{align-items:flex-start}
.owned-label input{width:17px;height:17px}
.build-heading{align-items:flex-start;gap:10px;flex-wrap:wrap}
.cost-row{gap:14px;flex-wrap:wrap}
.cost-row small,.weight-card .text-link{font-size:14px}
.cost-title h3{font-size:17px}
.total-row{font-size:15px;gap:12px;flex-wrap:wrap}
.scorebox>div{gap:12px;flex-wrap:wrap}
.scorebox strong{font-size:15px}
.brake-hero p,.rolling-hero p,#wheelsPage .rolling-hero p,.susp-hero p,.brake-advisor p,.brake-explainer p,.brake-plan p{font-size:16px;line-height:1.75;color:#d4dce3}
.brake-hero-tags span,.rolling-tags span,.susp-tags span{font-size:13px;letter-spacing:.04em}
.brake-detail-photo{height:350px}
.brake-detail-photo figcaption{background:linear-gradient(transparent,#080e14 32%);padding-top:35px}
.brake-detail-photo figcaption b,.brake-detail-photo figcaption span,.brake-detail-photo figcaption a{font-size:14px;line-height:1.5;letter-spacing:.02em}
.rolling-detail-photo{height:auto;min-height:280px;grid-template-rows:190px auto}
.rolling-detail-photo figcaption span,.rolling-detail-photo figcaption small{font-size:14px;line-height:1.5;letter-spacing:.02em}
.brake-card{flex-basis:340px}
.brake-card dt{font-size:13px;letter-spacing:.04em;color:#c5ced7}
.brake-card dd{font-size:15px;line-height:1.65;color:#edf1f5}
.brake-card dl>div{padding:14px 0}
.brake-footnote,.video-footnote{font-size:14px!important;line-height:1.75!important;color:#c5ced7!important}
.brake-tabs button.active{background:#f68a45;color:#11161c;border-color:#f68a45}
.brake-toolbar,.rolling-toolbar,.susp-toolbar{row-gap:20px}
.brake-rate{flex-wrap:wrap;margin-block:8px}
.brake-selection,.rolling-total{flex-wrap:wrap}
.susp-table th,.susp-table td{width:340px;min-width:340px;max-width:340px;font-size:15px;line-height:1.7}
.susp-table tr>th:first-child{width:190px;min-width:190px;max-width:190px;font-size:14px;color:#d4dce3}
.susp-table h2{font-family:var(--font);font-size:20px;line-height:1.4;font-weight:600;min-height:0}
.rolling-product-note,.rolling-load-advice p,.rolling-35-plan p,.rolling-35-plan li,.tire-fitment p,.tire-row-details p,.tire-evidence p{font-size:15px;line-height:1.7;color:#d4dce3}
.rolling-card{flex-basis:340px}
.rolling-product-note{min-height:0}
.rolling-spec{font-size:15px;line-height:1.6;padding-block:10px}
.rolling-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.rolling-hero>div{width:auto}
header nav{scrollbar-width:thin;scrollbar-color:#75889a #11161c}
header nav::-webkit-scrollbar{height:5px}
header nav::-webkit-scrollbar-track{background:#11161c}
header nav::-webkit-scrollbar-thumb{background:#75889a;border-radius:3px}
.tire-column-head,.tire-row-main{grid-template-columns:minmax(230px,1.7fr) repeat(3,minmax(95px,.7fr)) minmax(235px,1.6fr) minmax(165px,1fr)}
.tire-key-number strong{font-size:28px}
.tire-size-nav button{gap:8px}
.tire-identity small,.tire-key-number>small,.tire-buy>small{font-size:14px;line-height:1.6}
.tire-identity h4{font-size:18px;font-weight:600}
.tire-buy .button{height:auto;min-height:44px;font-size:14px}
.compare-row,.compare-configuration,.guide p{font-size:16px;line-height:1.7}
.compare-row span{font-size:14px}
dialog p,dialog li,dialog td,dialog th{font-size:16px;line-height:1.75}
dialog h3{font-size:18px;line-height:1.5}
dialog label{font-size:15px}
.notice,.prerequisite-intro,.prerequisite-cost{font-size:15px!important;line-height:1.75!important;color:#e5d6c9!important}
.prerequisites li p{font-size:15px;color:#d4dce3}
.prerequisites li>div{flex-wrap:wrap}
.prerequisites li strong{font-size:16px}
.prerequisites li span{font-size:13px}
footer{font-size:13px;line-height:1.7;letter-spacing:.05em;gap:20px;flex-wrap:wrap}
@media(max-width:1350px){.tire-column-head{display:none}.tire-row-main{grid-template-columns:1.6fr repeat(3,1fr)}.tire-key-number>span{display:block}.tire-fitment{grid-column:1/4}.tire-buy{grid-column:4}}
@media(max-width:1200px){header{height:auto;min-height:88px;flex-wrap:wrap;padding-block:16px 0}header nav{order:3;width:100%;height:52px;overflow-x:auto;gap:24px;justify-content:flex-start}header .head-actions{margin-left:auto}.nav{flex-shrink:0}#buildPage{grid-template-columns:220px minmax(0,1fr)}.build-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.susp-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.susp-toolbar label:has(#suspRate){grid-column:1;grid-row:3}.susp-toolbar #applySuspRate{grid-column:2;grid-row:3;justify-self:start}.susp-toolbar #suspPrev{grid-column:3;grid-row:3;justify-self:start}.susp-toolbar #suspNext{grid-column:3;grid-row:3;justify-self:start;margin-left:56px}.susp-toolbar label:has(#ucaFilter){grid-row:4}}
@media(max-width:800px){.brake-hero,.rolling-hero{padding:22px;grid-template-columns:minmax(0,1fr)}.brake-detail-photo{height:320px}.rolling-detail-photo{min-height:260px}.brake-card,.rolling-card{flex-basis:min(340px,85vw)}.brake-hero h1{font-size:44px}.susp-hero{gap:24px}.pair-summary-products article{flex-wrap:wrap}.tire-buy>strong{font-size:23px}.position-inputs{grid-template-columns:1fr}}
@media(max-width:650px){header{padding:14px 14px 0;gap:8px}.brand{font-size:25px}.brand small{font-size:10px}.head-actions #save{font-size:14px}.nav{font-size:14px}header nav{gap:22px}.projectbar h1{font-size:30px;line-height:1.3}.projectbar h1 span{font-size:24px}.vehicle-inputs label{max-width:none}.vehicle-inputs #year{width:100%}#buildPage{display:flex;flex-direction:column}.catalog{padding:18px 15px}.catalog>.search,.catalog-bottom{display:flex}.catalog .search input{font-size:16px}.category{white-space:normal;min-width:190px;padding:12px}.category .count{display:block}.catalog-bottom{gap:8px 18px}.catalog-bottom .text-link{font-size:14px}.visual-launch{align-items:flex-start;flex-wrap:wrap}.visual-launch p{font-size:15px}.visual-launch .button{font-size:14px;white-space:normal}.product-card{padding:18px}.card-key-facts{grid-template-columns:1fr 1fr}.brake-hero,.rolling-hero{padding:18px}.brake-hero-tags{gap:8px}.brake-detail-photo{height:330px}.brake-detail-photo figcaption{padding-inline:12px}.tire-row-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.tire-identity,.tire-fitment,.tire-buy{grid-column:1/-1}.tire-key-number strong{font-size:26px}.tire-buy{grid-template-columns:1fr 1fr}.tire-buy .button{grid-column:2;grid-row:1/3}.brake-selection{align-items:flex-start}.comparison-grid:has(.compare-column:only-child){grid-template-columns:minmax(0,1fr)}.susp-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.susp-toolbar label:has(#suspBrand){grid-column:1;grid-row:2}.susp-toolbar label:has(#suspScope){grid-column:2;grid-row:2}.susp-toolbar label:has(#suspSort){grid-column:1;grid-row:3}.susp-toolbar label:has(#suspRate){grid-column:2;grid-row:3}.susp-toolbar #applySuspRate{grid-column:1;grid-row:4;justify-self:stretch}.susp-toolbar #suspPrev{grid-column:2;grid-row:4;margin:0}.susp-toolbar #suspNext{grid-column:2;grid-row:4;margin-left:56px}.susp-toolbar label:has(#ucaFilter){grid-row:5}dialog{padding:20px}footer>span:nth-child(2){display:block}}
