.tool-page{max-width:1040px}.tool-hero{max-width:820px;margin-block-end:32px}.tool-hero h1{margin-block-end:12px;font-size:clamp(2rem,5vw,3.6rem)}.tool-hero>p:last-child{color:var(--ink-soft,#475569);font-size:1.1rem}.tool-form,.tool-result,.embed-panel,.safety-disclaimer{border:1px solid var(--line,#d7dee8);border-radius:var(--radius,8px);background:var(--surface,#fff);box-shadow:var(--shadow-sm,0 1px 2px rgb(15 23 42/7%))}.tool-form{padding:clamp(20px,4vw,36px)}.tool-form h2{font-size:1.35rem}.tool-form fieldset{min-width:0;padding:0;border:0;margin:0}.tool-form legend,.tool-form label>span,.tool-vehicle-fields label>span{display:block;margin-block-end:6px;font-size:.82rem;font-weight:750}.tool-form input[type=text],.tool-form input[type=number],.tool-form select,.embed-panel textarea{width:100%;min-height:48px;border:1px solid var(--line-strong,#94a3b8);border-radius:var(--radius-sm,4px);background:var(--surface,#fff);color:var(--ink,#111827);padding:10px 12px;font:inherit}.tool-form input[aria-invalid=true]{border-color:#b42318;box-shadow:0 0 0 1px #b42318}.tool-form small{display:block;margin-block-start:5px;color:var(--ink-soft,#475569);font-size:.75rem;line-height:1.4}.tool-form label>span small{display:inline;margin:0;font-weight:550}.tool-mode{display:flex;flex-wrap:wrap;gap:12px 24px;margin-block-end:28px!important}.tool-mode legend{width:100%;font-weight:750}.tool-mode label{display:flex;min-height:44px;align-items:center;gap:8px}.tool-mode input{width:20px;height:20px;accent-color:var(--accent,#e8590c)}.tool-subpanel{margin-block:24px;padding-block:24px;border-block:1px solid var(--line,#d7dee8)}.tool-subpanel[hidden]{display:none}.tool-weight-grid,.tool-compare-fields,.tool-vehicle-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-weight-grid legend{grid-column:1/-1;margin-block-end:12px;font-size:1.25rem;font-weight:750}.tool-vehicle-fields__configuration{grid-column:1/-1}.tool-status{min-height:1.5em;margin:4px 0 0;color:var(--ink-soft,#475569);font-size:.82rem}.tool-vehicle-fields>.tool-status{grid-column:1/-1}.tool-submit{margin-block-start:24px}.field-error{display:block;margin-block-start:6px;color:#b42318;font-size:.78rem;font-weight:700}.field-help{color:var(--ink-soft,#475569);font-size:.85rem}.tool-notice{margin-block:16px;padding:12px 14px;border-inline-start:4px solid var(--accent,#e8590c);background:var(--accent-soft,#fff0e6)}.tool-notice--error{border-color:#b42318;background:#fff1f0;color:#7a271a}.tool-result{margin-block-start:28px;padding:clamp(20px,4vw,36px)}.tool-result:empty{display:none}.result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.result-heading h2{margin:0;font-size:clamp(1.25rem,3vw,1.8rem)}.verdict{display:inline-flex;min-height:36px;align-items:center;border-radius:999px;padding:6px 12px;white-space:nowrap;font-size:.78rem;font-weight:800}.verdict--safe{background:#dcfce7;color:#12633d}.verdict--caution{background:#fff1cc;color:#7a4b00}.verdict--over{background:#fee4e2;color:#912018}.result-explanation{max-width:800px;margin-block:20px 28px;color:var(--ink-soft,#475569)}.result-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line,#d7dee8);border-radius:var(--radius,8px);background:var(--line,#d7dee8)}.result-metrics--three{grid-template-columns:repeat(3,minmax(0,1fr))}.result-metrics>div{min-width:0;background:var(--surface-muted,#f1f5f9);padding:18px}.result-metrics span,.result-metrics strong{display:block}.result-metrics span{color:var(--ink-soft,#475569);font-size:.76rem;font-weight:700;text-transform:uppercase}.result-metrics strong{margin-block-start:5px;font-size:1.12rem;font-variant-numeric:tabular-nums}.tool-math{margin-block-start:28px}.tool-math h3{font-size:1rem}.tool-math ul{display:grid;gap:8px;padding:0;list-style:none}.tool-math code{display:block;overflow-wrap:anywhere;border:1px solid var(--line,#d7dee8);border-radius:4px;background:var(--surface-muted,#f1f5f9);padding:9px 11px;font-size:.82rem;font-variant-numeric:tabular-nums}.share-result{margin:28px 0 0}.safety-disclaimer{margin-block:28px;padding:18px 20px;border-inline-start:5px solid var(--accent,#e8590c);color:var(--ink-soft,#475569);font-size:.88rem}.safety-disclaimer strong{color:var(--ink,#111827)}.table-scroll{max-width:100%;overflow:auto;margin-block-start:24px;border:1px solid var(--line,#d7dee8);border-radius:var(--radius,8px)}.tool-table{width:100%;min-width:560px;border-collapse:collapse;background:var(--surface,#fff);font-size:.86rem;font-variant-numeric:tabular-nums}.tool-table caption{padding:12px 14px;text-align:start;font-weight:750}.tool-table th,.tool-table td{padding:11px 14px;border-block-start:1px solid var(--line,#d7dee8);text-align:start}.tool-table thead th{background:var(--slate,#1e293b);color:#f8fafc}.tool-table tbody tr:nth-child(even){background:var(--surface-muted,#f1f5f9)}.tire-visual{margin-block-start:24px;border:1px solid var(--line,#d7dee8);border-radius:var(--radius,8px);background:var(--surface-muted,#f1f5f9);padding:12px}.tire-visual svg{width:100%;max-height:330px}.tire-outline{fill:none;stroke:var(--slate,#1e293b);stroke-width:8}.tire-outline--new{stroke:var(--accent,#e8590c)}.wheel-outline{fill:var(--surface,#fff);stroke:var(--line-strong,#94a3b8);stroke-width:3}.tire-visual text{fill:var(--ink,#111827);font:700 15px var(--font,system-ui)}.pattern-matches{margin-block-start:28px}.pattern-matches ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;padding-inline-start:20px;color:var(--ink-soft,#475569)}.button--secondary{display:inline-flex;align-items:center;background:var(--surface,#fff);text-decoration:none}.embed-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;margin-block:64px 0;padding:clamp(20px,4vw,32px)}.embed-panel>div{grid-column:1/-1}.embed-panel h2{margin-block-end:8px}.embed-panel p{margin-block-end:0;color:var(--ink-soft,#475569)}.embed-panel__code{min-height:108px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem}.embed-panel .button{align-self:start}.tool-brand{margin:20px 0 0;padding-block-start:12px;border-block-start:1px solid var(--line,#d7dee8);color:var(--ink-soft,#475569);font-size:.75rem;text-align:center}.spec-engine-embed{min-width:280px;background:var(--paper,#fafafa)}.tool-page--embed{width:100%;max-width:760px;margin-inline:auto;padding:16px}.tool-page--embed .tool-hero{margin-block-end:16px}.tool-page--embed .tool-hero h1{font-size:1.55rem}.tool-page--embed .tool-hero>p{font-size:.88rem}.tool-page--embed .tool-form{padding:18px}.tool-page--embed .tool-result{padding:18px}.tool-page--embed .safety-disclaimer{margin-block:16px;padding:12px;font-size:.76rem}.tool-page--embed .tool-subpanel{margin-block:14px;padding-block:14px}
@media(max-width:620px){.tool-form,.tool-result{padding:18px}.tool-weight-grid,.tool-compare-fields,.tool-vehicle-fields,.result-metrics,.result-metrics--three{grid-template-columns:1fr}.tool-vehicle-fields__configuration,.tool-weight-grid legend{grid-column:1}.result-heading{display:block}.verdict{margin-block-start:14px}.pattern-matches ul{grid-template-columns:1fr}.embed-panel{grid-template-columns:1fr}.embed-panel .button{width:100%}.tire-visual{padding:4px}.tool-page--embed{padding:10px}.tool-page--embed .tool-vehicle-fields{gap:10px}}
@media(prefers-color-scheme:dark){.tool-notice--error{background:#3a1818;color:#fecaca}.verdict--safe{background:#123b2b;color:#bbf7d0}.verdict--caution{background:#3f300b;color:#fde68a}.verdict--over{background:#491b1b;color:#fecaca}}
@media(prefers-reduced-motion:reduce){.tool-page *{scroll-behavior:auto!important}}