/* TechWindo – TA ↔ Distance Calculator styles */
:root{
  /* Change this to match TechWindo brand */
  --tw-primary: #0aa0ff;
  --tw-primary-hover: #008be0;
  --tw-border: #e6e6e6;
}

.ta-card{
  max-width:720px;margin:16px auto;padding:16px;
  border:1px solid var(--tw-border);border-radius:10px;background:#d1d1d1;
  font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial
}
.ta-card h3{margin:0 0 8px 0}
.ta-row{margin:12px 0;display:flex;flex-direction:column;gap:6px}
.ta-row label{font-weight:600}
.ta-row input,.ta-row select{padding:8px 10px;border:1px solid #ccc;border-radius:6px}
.ta-help{color:#666}
.primary{
  background:var(--tw-primary);color:#fff;border:none;padding:10px 14px;border-radius:6px;cursor:pointer
}
.primary:hover{background:var(--tw-primary-hover)}
.secondary{
  margin-left:8px;background:#f4f4f4;color:#333;border:1px solid #ddd;
  padding:10px 14px;border-radius:6px;cursor:pointer
}
.ta-results{margin-top:10px;border-top:1px dashed #ddd;padding-top:10px}
.ta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ta-grid .k{color:#555;font-size:14px}
.ta-grid .v{font-weight:700;font-size:18px}
.ta-adv{
  grid-column:1 / -1;color:#444;background:#f8fbff;border:1px solid #e3f0ff;
  border-radius:6px;padding:8px;margin-top:6px
}
.ta-disclaimer{color:#666;font-size:13px;margin-top:10px}
.ta-brand{color:#999;font-size:12px;margin-top:6px}
details.ta-specs{margin-top:10px}
@media (max-width:520px){.ta-grid{grid-template-columns:1fr}}