:root{--ink:#132a3a;--muted:#4e6471;--paper:#f7f5ef;--card:#fffdf8;--line:#cfdbd7;--accent:#e4673a;--accent-dark:#bb4822;--soft:#e5f0ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.15}.container{width:min(100% - 2rem,70rem);margin-inline:auto}.hero{background:var(--ink);color:#fff;padding:clamp(3.5rem,10vw,7rem) 0 5rem}.brand,.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;font-weight:800}.brand{color:#afd3c8}.hero h1{letter-spacing:-.055em;max-width:12ch;margin-bottom:1rem;font-size:clamp(2.6rem,7vw,5.8rem)}.hero-copy{color:#d9e6e2;max-width:38rem;font-size:clamp(1.08rem,2vw,1.3rem)}.jump-link,button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:.5rem;padding:.8rem 1.1rem;font-weight:800;text-decoration:none;display:inline-block}.jump-link:hover,button:hover{background:var(--accent-dark)}.content{padding:clamp(2rem,7vw,5rem) 0}.calculator,.guide{border:1px solid var(--line);background:var(--card);border-radius:1rem;padding:clamp(1.25rem,4vw,2.5rem);box-shadow:0 10px 26px #132a3a0d}.calculator h2,.guide h2{letter-spacing:-.035em;font-size:clamp(1.65rem,4vw,2.45rem)}.calculator .section-heading>p:last-child{max-width:45rem;color:var(--muted)}.eyebrow{color:#3f7468;margin-bottom:.35rem}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}label{gap:.45rem;font-weight:800;display:grid}input{min-width:0;color:var(--ink);font:inherit;background:#fff;border:2px solid #9db0aa;border-radius:.5rem;padding:.85rem;font-size:1.1rem}input:focus-visible,button:focus-visible,.jump-link:focus-visible{outline-offset:3px;outline:3px solid #1682c6}.input-help{color:var(--muted);font-size:.93rem}.error{color:#6b1b17;background:#fdecea;border-left:4px solid #b72f28;margin:1.2rem 0 0;padding:.75rem 1rem}.results{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.75rem}.results h3{font-size:clamp(1.3rem,3vw,1.8rem)}.result-summary{color:var(--muted)}.tire-visual{border:1px solid var(--line);background:linear-gradient(135deg,#f3f8f5,#fdfbf5);border-radius:.8rem;margin:1.5rem 0;padding:1rem;overflow:hidden}.visual-header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.visual-header .eyebrow{margin-bottom:.2rem}.visual-header h4{margin-bottom:0;font-size:1.1rem}.visual-key{color:var(--muted);white-space:nowrap;align-items:center;gap:.35rem;font-size:.82rem;display:flex}.visual-key i,.visual-key b{background:#386978;border-radius:50%;width:.65rem;height:.65rem;display:inline-block}.visual-key b{background:var(--accent);margin-left:.35rem}.tire-visual svg{width:100%;min-width:34rem;margin-top:.4rem;display:block}.road-line{stroke:#77908a;stroke-width:3px;stroke-dasharray:9 7}.wheel>circle:first-child{fill:#173844}.wheel-current{color:#d1e9df}.wheel-new{color:#ffbf8b}.wheel .tread{opacity:.72}.wheel .rim{fill:#f7f5ef;stroke:currentColor;stroke-width:7px}.wheel .hub{fill:currentColor}.measure-line{stroke:currentColor;stroke-width:2px;stroke-dasharray:5 4}.measure-text{fill:var(--ink);font-size:14px;font-weight:800}.wheel-label{fill:var(--ink);font-size:15px;font-weight:800}.tire-visual figcaption{color:var(--muted);font-size:.86rem}.fitment{border-left:4px solid;border-radius:.35rem;gap:.2rem;padding:.8rem 1rem;display:grid}.fitment-calm{background:#e9f3ef;border-color:#3f7468}.fitment-watch{background:#fff3dc;border-color:#bc7526}.fitment-alert{background:#fdecea;border-color:#b72f28}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1.25rem 0 1.75rem;display:grid}.result-grid article{background:var(--soft);border-radius:.65rem;min-width:0;padding:1rem}.result-grid h4{margin-bottom:.4rem;font-size:.95rem}.result-grid p{overflow-wrap:anywhere;margin:0;font-weight:800}.speed-table-wrap{margin:1.5rem 0;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:19rem}th,td{border-bottom:1px solid var(--line);text-align:left;padding:.75rem}thead{background:#edf1ef}.notice{background:#e9f3ef;border-left:4px solid #3f7468;padding:1rem}.guide{margin-top:1.5rem}.guide p{max-width:58rem}.steps{gap:.9rem;max-width:58rem;margin:0;padding-left:1.35rem;display:grid}.steps li{padding-left:.25rem}.faq details{border-top:1px solid var(--line);padding:1rem 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:800}.faq summary:focus-visible{outline-offset:3px;border-radius:.2rem;outline:3px solid #1682c6}.faq details p{color:var(--muted);margin:.7rem 0 0}footer{border-top:1px solid var(--line);color:var(--muted);padding:1.5rem 0;font-size:.9rem}@media (max-width:42rem){.hero{padding-bottom:3.5rem}.input-grid,.result-grid{grid-template-columns:1fr}.container{width:min(100% - 1.25rem,70rem)}.visual-header{flex-direction:column;align-items:start;gap:.5rem}.tire-visual{overflow-x:auto}}