.tf-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-top:30px}@media(min-width:860px){.tf-grid{grid-template-columns:1.05fr .95fr;align-items:start}}.tf-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:5px 5px 0 var(--ink);padding:24px 24px 22px}.tf-inputs{display:grid;gap:22px}.tf-fs{border:0;padding:0;margin:0;min-width:0}.tf-fs legend{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent2-deep);padding:0;margin-bottom:12px}.tf-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tf-choices-3{grid-template-columns:repeat(3,1fr)}@media(max-width:420px){.tf-choices,.tf-choices-3{grid-template-columns:1fr}}.tf-choice{position:relative;display:block;cursor:pointer;background:var(--bg);border:2px solid var(--ink);border-radius:var(--radius);padding:12px 14px;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.tf-choice:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.tf-choice input{position:absolute;opacity:0;pointer-events:none}.tf-choice:has(input:checked){background:var(--accent2-soft);box-shadow:3px 3px 0 var(--accent2-deep)}.tf-choice:focus-within{outline:3px solid var(--accent);outline-offset:2px}.tf-choice-body{display:block}.tf-choice-body strong{display:block;font-family:var(--font-head);font-weight:800;font-size:14.5px}.tf-choice-sub{display:block;font-size:12.5px;color:var(--ink-soft);margin-top:2px}.tf-choice-icon .tf-choice-body{display:flex;align-items:center;gap:9px}.tf-choice-icon strong{font-size:13.5px}.tf-choice-ic{flex:none;width:30px;height:30px;border-radius:5px;border:1.5px solid var(--ink);background:var(--card);color:var(--accent);display:grid;place-items:center;line-height:0}.tf-choice:has(input:checked) .tf-choice-ic{background:var(--accent2-deep);color:var(--accent2-ink);border-color:var(--ink)}.tf-choice-ic svg{display:block}.tf-result{text-align:left}.tf-result-eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.tf-truck-name{font-size:clamp(22px,4vw,28px);font-weight:900;margin-top:4px}.tf-truck-spec{font-family:var(--font-mono);font-size:14px;color:var(--ink-soft);margin-top:2px}.tf-truckwrap{margin:16px 0 8px}.tf-truck{width:100%;height:auto;max-width:360px;display:block}.tf-stroke{stroke:var(--ink);stroke-width:3}.tf-fill{fill:var(--accent2);transition:y .4s cubic-bezier(.3,.8,.3,1),height .4s cubic-bezier(.3,.8,.3,1)}.tf-cab{fill:var(--accent);stroke:var(--ink);stroke-width:3;stroke-linejoin:round}.tf-cab-window{fill:var(--card);stroke:var(--ink);stroke-width:2}.tf-wheel{fill:var(--ink)}.tf-hub{fill:var(--card)}.tf-ground{stroke:var(--ink);stroke-width:3;stroke-linecap:round}.tf-fill-label{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-soft);margin-top:2px}.tf-fill-label span{font-weight:700;color:var(--accent2-deep)}.tf-fits{font-size:15px;margin:8px 0 4px;line-height:1.5}.tf-outcome{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:16px 0 18px;border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden}.tf-outcome>div{padding:12px}.tf-outcome>div+div{border-left:2px solid var(--ink)}.tf-outcome dt{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.tf-outcome dd{font-family:var(--font-head);font-weight:800;font-size:15px;margin-top:4px;line-height:1.2}.tf-cta{width:100%;text-align:center}.tf-note{font-size:12.5px;margin-top:12px;line-height:1.5}.tf-noscript{margin-top:28px}.tf-noscript summary{cursor:pointer;font-family:var(--font-head);font-weight:800;font-size:15px;color:var(--accent);padding:8px 0}.tf-table{width:100%;border-collapse:collapse;margin-top:12px;border:2px solid var(--ink)}.tf-table th,.tf-table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);font-size:14.5px}.tf-table th{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-2)}.tf-table-note{font-size:13px;margin-top:10px}.hero-em[data-astro-cid-j7pv25f6]{color:var(--accent2-deep);text-decoration:underline;text-decoration-color:var(--accent2);text-decoration-thickness:4px;text-underline-offset:4px}.mix-chart[data-astro-cid-j7pv25f6]{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:10px}.mix-row[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:8.5rem 1fr auto;gap:10px 14px;align-items:center}.mix-name[data-astro-cid-j7pv25f6]{font-family:var(--font-head);font-weight:800;font-size:15px;color:var(--ink)}.mix-name[data-astro-cid-j7pv25f6]:hover{color:var(--accent)}.mix-bar[data-astro-cid-j7pv25f6]{height:18px;background:var(--bg-2);border:2px solid var(--ink);border-radius:3px;overflow:hidden}.mix-bar-fill[data-astro-cid-j7pv25f6]{display:block;height:100%;background:var(--accent);background-image:linear-gradient(90deg,var(--accent) 0%,var(--accent) 100%)}.mix-val[data-astro-cid-j7pv25f6]{font-family:var(--font-mono);font-size:12.5px;font-weight:700;color:var(--accent);white-space:nowrap}.mix-tag[data-astro-cid-j7pv25f6]{grid-column:2 / -1;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}@media(min-width:640px){.mix-row[data-astro-cid-j7pv25f6]{grid-template-columns:9rem 1fr 7rem 7.5rem}.mix-tag[data-astro-cid-j7pv25f6]{grid-column:auto;text-align:right}}.mix-source[data-astro-cid-j7pv25f6]{font-size:12.5px;margin-top:16px}
