/* Isolated tools styles. Homepage changes are confined to .tools-preview. */
.tools-preview{background:#272d32;border-block:1px solid #ffffff0c;padding:30px 0}
.tools-preview .section-heading h2{font-size:clamp(24px,2.2vw,34px)}
.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tool-card{min-width:0;display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid #46515a;border-radius:7px;background:linear-gradient(135deg,#30383e,#242c32);transition:border-color .15s}
.tool-card:hover{border-color:var(--red)}
.tool-card .icon{color:var(--red);width:28px;height:28px}.tool-card h3{font-size:17px;line-height:1.3}.tool-card p{font-size:13px;line-height:1.55;color:#bdc7ce}
.tools-page{background:#0c1217;line-height:1.55;padding-bottom:0!important}.tools-page .header{position:relative;background:#0b1116}
.tools-page .nav{height:84px}.tools-header-links{display:flex;align-items:center;gap:20px;font-size:13px}.tools-header-links a{min-height:32px;display:flex;align-items:center}
.tools-main{padding-bottom:50px}.tools-hero{padding:46px 0 26px}.tools-hero h1{font-size:clamp(30px,4vw,56px);line-height:1.15;letter-spacing:-1px;max-width:1000px}.tools-hero p{max-width:740px;color:#bcc7cf;margin-top:14px}.tool-kicker{font-size:11px;letter-spacing:2px;color:#ff727a;text-transform:uppercase;margin-bottom:12px}
.car-context{border:1px solid #3b4750;background:#182128;border-radius:7px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.context-actions{display:flex;gap:18px;flex-wrap:wrap;flex-shrink:0}.context-actions a,.context-actions button{background:none;text-decoration:underline;text-underline-offset:4px;font-size:12px;min-height:32px}.car-context small{display:block;color:#bbc7cf;font-size:11px}.car-context strong{font-size:14px}
.tool-panel{padding:28px;border:1px solid #3d4952;background:#202930;border-radius:9px;margin-top:20px;min-width:0}.tool-panel h2{font-size:clamp(21px,2.2vw,29px);line-height:1.3;margin-bottom:14px}.tool-panel h3{font-size:18px;margin:18px 0 8px}.tool-panel p+p{margin-top:10px}.tool-note{color:#bfcbd4;font-size:12px;line-height:1.65;max-width:960px;margin-top:14px}.tool-warning{border-left:3px solid var(--red);padding:12px 16px;background:#141e25;margin:16px 0;font-size:13px}.tool-form{display:grid;gap:18px;max-width:900px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px;color:#d9e2e8}.tool-field input,.tool-field select{width:100%;min-width:0;min-height:46px;border:1px solid #61717d;background:#111a21;border-radius:5px;color:#fff;padding:10px 12px;font:inherit;font-size:16px}.tool-field input:focus-visible,.tool-field select:focus-visible{outline:2px solid #ff727a;outline-offset:3px}.tool-form .button{justify-self:start;white-space:normal;max-width:100%;text-align:center;padding-block:12px}.tool-form button:disabled{opacity:.65}
.tool-result{margin-top:24px;scroll-margin-top:20px}.tool-result:focus{outline:none}.tool-result>h2{font-size:24px}.tool-result p{max-width:960px;color:#d5dfe6;font-size:14px}.result-list{display:grid;gap:10px}.result-list button{text-align:left;background:#141f27;border:1px solid #56636c;border-radius:6px;padding:13px 16px;line-height:1.5}.result-list button:hover{border-color:var(--red)}
.tool-status{font-size:13px;color:#ffd3d5;margin-top:12px;min-height:1.5em}.tool-status:empty{display:none}.tool-result[hidden]{display:none}
.spec-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:13px;margin-top:16px}.spec-table th,.spec-table td{text-align:left;vertical-align:top;border-bottom:1px solid #43505a;padding:13px 10px;overflow-wrap:anywhere}.spec-table th{font-weight:600;color:#f3f6f8;background:#182128}.spec-table td{color:#c9d4dd}.spec-table a{color:#fff;text-decoration:underline}.spec-table th:first-child{width:29%}.tool-result dl{display:grid;grid-template-columns:160px 1fr;gap:12px;margin:15px 0}.tool-result dt{color:#aebdc8}.tool-result dd{margin:0;overflow-wrap:anywhere}
.wheel-chart{display:block;width:min(100%,700px);height:auto;margin:24px auto;max-height:330px}.result-cta{margin-top:28px;border-top:1px solid #45525c;padding-top:24px}.result-cta .contact-actions{margin-top:15px;flex-wrap:wrap}.result-cta .button{min-width:145px;width:auto}
.tools-section{margin-top:38px}.tools-section>h2{font-size:23px;margin-bottom:16px}.featured-car{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.featured-car .button{justify-self:end}.mode-controls{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.mode-controls button{padding:10px 16px;border-radius:5px;border:1px solid #647581;background:transparent;min-height:44px}.mode-controls button[aria-pressed=true]{background:#de1823;border-color:#de1823}.tools-footer{padding:25px 0;border-top:1px solid #34414a;color:#aebcc5;font-size:12px}.tools-footer .shell{display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}
.tools-page .language-switch [data-lang]{min-width:28px;min-height:36px}.tools-page a:focus-visible,.tools-page button:focus-visible{outline:3px solid #ff727a;outline-offset:4px}.tool-related{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.tool-related a{text-decoration:underline;color:#dbe6ee;font-size:13px;padding-block:8px}.tools-page h1,.tools-page h2,.tools-page h3,.tools-page p,.tools-page strong{overflow-wrap:break-word}
@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-header-links{gap:12px}.tools-page .nav{gap:14px}}
@media(max-width:760px){.tools-page .nav{height:auto;min-height:78px;flex-wrap:wrap;padding-block:17px}.tools-header-links{order:3;width:100%;border-top:1px solid #ffffff12;padding-top:10px}.tools-page .nav-right{margin-left:auto}.tools-hero{padding:32px 0 22px}.tool-panel{padding:20px}.car-context{align-items:flex-start;flex-direction:column}.featured-car{grid-template-columns:1fr;gap:15px}.featured-car .button{justify-self:start}.field-grid{grid-template-columns:1fr}.tool-result dl{grid-template-columns:1fr;gap:4px}.tool-result dd{margin-bottom:10px}.tools-preview .section-heading{align-items:flex-start}.tool-card{padding:18px}.spec-table th,.spec-table td{padding:10px 6px;font-size:12px}.tools-page .language-switch span{display:none}}
@media(max-width:430px){.tool-grid{grid-template-columns:1fr}.tools-preview .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-preview .tool-card{padding:14px;gap:8px}.tools-preview .tool-card h3{font-size:14px}.tools-preview .tool-card p{font-size:11px}.tools-preview .section-heading{flex-direction:column}.tool-panel{padding:16px}.tools-hero h1{font-size:31px}.tools-page .wordmark{font-size:26px}.result-cta .contact-actions{display:grid;grid-template-columns:1fr}.result-cta .button{width:100%}.context-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){.tool-card{transition:none}}

.car-context>div{min-width:0}.car-context strong{overflow-wrap:anywhere}.featured-car .vehicle-entry{grid-column:1/-1;width:100%}.vehicle-entry>summary{cursor:pointer;font-size:16px;font-weight:600}.vehicle-entry .tool-panel{background:#182128}

@media(max-width:430px){.tyre-table thead{display:none}.tyre-table,.tyre-table tbody,.tyre-table tr,.tyre-table th,.tyre-table td{display:block;width:100%!important}.tyre-table tr{margin-bottom:14px;border:1px solid #43505a}.tyre-table td{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tyre-table td::before{content:attr(data-label);color:#aebdc8}.tyre-table td:last-child{border-bottom:0}}

/* v0.28.2: long fluid specifications/capacity bases remain readable on phones. */
@media(max-width:600px){.tools-page[data-tool=fluids] .fluids-table thead{display:none}.tools-page[data-tool=fluids] .fluids-table,.tools-page[data-tool=fluids] .fluids-table tbody,.tools-page[data-tool=fluids] .fluids-table tr,.tools-page[data-tool=fluids] .fluids-table th,.tools-page[data-tool=fluids] .fluids-table td{display:block;width:100%!important}.tools-page[data-tool=fluids] .fluids-table tr{margin-bottom:16px;border:1px solid #43505a}.tools-page[data-tool=fluids] .fluids-table th{font-size:14px}.tools-page[data-tool=fluids] .fluids-table td{font-size:13px;overflow-wrap:break-word}.tools-page[data-tool=fluids] .fluids-table td::before{content:attr(data-label);display:block;font-size:11px;color:#aebdc8;margin-bottom:5px}.tools-page[data-tool=fluids] .fluids-table td:last-child{border-bottom:0}}