/* ═══════════════════════════════════════════
   距離與飛行時間計算器
   ═══════════════════════════════════════════ */
.dist-form{
  display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;
  margin-bottom:28px;
}
.dist-field{display:flex;flex-direction:column;gap:8px;min-width:220px;flex:1}
.dist-field label{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted);
}
.dist-field .apt-cmp-picker{min-width:0}
.dist-swap{padding-bottom:2px}
.dist-swap button{
  width:38px;height:38px;border-radius:8px;
  border:1px solid var(--stroke);background:transparent;color:var(--muted);
  font-size:16px;cursor:pointer;transition:color .15s,border-color .15s;
}
.dist-swap button:hover{color:var(--amber);border-color:var(--amber)}

.dist-result{
  background:var(--panel);border:1px solid var(--stroke);border-radius:14px;
  padding:24px 28px;
}
.dist-route{
  font-family:var(--mono);font-size:13px;color:var(--cyan);letter-spacing:.02em;
  margin-bottom:20px;word-break:break-word;
}
.dist-stats{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:16px}
.dist-stat-label{font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--muted);margin-bottom:6px}
.dist-stat-value{font-size:22px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.dist-hint{font-size:11.5px;color:var(--muted);line-height:1.8;border-top:1px solid var(--stroke);padding-top:14px}

.dist-empty{
  color:var(--muted);font-size:14px;text-align:center;padding:60px 20px;line-height:1.9;
}

@media (max-width:640px){
  .dist-form{flex-direction:column;align-items:stretch}
  .dist-swap{align-self:center;padding-bottom:0}
  .dist-stats{gap:20px}
}