/* towing-calculator.css - scoped styles (prefix .tec- to avoid conflicts) */
.tec-widget-root{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;max-width:860px;margin:18px auto;padding:18px;background:#ffffff;color:#0b1b2b;border-radius:10px;box-shadow:0 6px 24px rgba(12,24,50,0.06);border:1px solid rgba(15,23,42,0.04)}
.tec-grid{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:start}
.tec-head{display:flex;align-items:flex-start;gap:12px}
.tec-title{font-size:20px;font-weight:700;margin:0}
.tec-sub{font-size:13px;color:#6b7280;margin:0}
.tec-card{background:linear-gradient(180deg,#fff,#fbfdff);padding:14px;border-radius:10px;border:1px solid rgba(11,102,255,0.06)}
.tec-form{display:flex;flex-direction:column;gap:12px}
.tec-row{display:flex;gap:12px;align-items:center}
.tec-col{flex:1;display:flex;flex-direction:column;gap:6px}
label.tec-label{font-size:13px;color:#6b7280}
input.tec-input, select.tec-input{padding:10px 12px;border-radius:8px;border:1px solid rgba(15,23,42,0.06);font-size:15px}
input.tec-input[type=number]{-moz-appearance:textfield}
.tec-small{font-size:13px;color:#6b7280}
button.tec-btn{background:#0b66ff;color:#fff;padding:10px 12px;border-radius:8px;border:0;cursor:pointer;font-weight:600}
button.tec-btn:active{transform:translateY(1px)}
.tec-output{display:flex;flex-direction:column;gap:10px}
.tec-amount{font-size:22px;font-weight:700}
.tec-breakdown{font-size:13px;color:#6b7280;line-height:1.4}
@media(max-width:920px){ .tec-grid{grid-template-columns:1fr} }
@media(max-width:520px){ .tec-title{font-size:18px} .tec-grid{gap:14px} .tec-input{font-size:14px} }
.tec-illustration{width:100%;height:auto;border-radius:8px}
.tec-input:focus, .tec-btn:focus{outline:3px solid rgba(11,102,255,0.12);outline-offset:2px}