.stc-app {
  display: grid;
  grid-template-columns: minmax(320px, 480px) minmax(320px, 1fr);
  gap: 24px;
  align-items: start;
}
.stc-panel, .stc-map-wrap {
  background: #fff;
  border: 1px solid #d9e1e7;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,.04);
}
.stc-panel { padding: 20px; }
.stc-title { margin: 0 0 18px; color: #004b70; }
.stc-row { display: grid; gap: 14px; margin-bottom: 14px; }
.stc-row-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.stc-row-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }
.stc-field label { display: block; font-weight: 600; margin-bottom: 6px; font-size: 14px; }
.stc-field input[type="text"], .stc-field input[type="number"], .stc-field input[type="datetime-local"] {
  width: 100%; min-height: 46px; border: 1px solid #ccd6dd; border-radius: 12px; padding: 10px 12px; font-size: 15px;
}
.stc-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 16px; margin: 16px 0 18px; }
.stc-check-grid label { display:flex; align-items:center; gap:8px; font-size:14px; }
.stc-actions button { background:#008dd2; color:#fff; border:0; border-radius:12px; min-height:48px; padding:0 18px; font-size:15px; cursor:pointer; }
.stc-notice { margin-top: 14px; padding:12px 14px; border-radius:12px; font-size:14px; }
.stc-notice.is-error { background:#fff4f4; color:#922; border:1px solid #efc1c1; }
.stc-notice.is-info { background:#f4fbff; color:#004b70; border:1px solid #b9e5fb; }
.stc-result { margin-top:18px; }
#stc-map { width:100%; min-height:650px; border-radius:16px; }
.stc-fare-box { margin-top:2px; border-top:1px solid #e3ebf0; padding-top:18px; }
.stc-fare-header { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:16px; }
.stc-fare-title { font-size:20px; font-weight:700; color:#004b70; }
.stc-fare-subtitle { color:#5f6f7a; font-size:14px; margin-top:4px; }
.stc-fare-total { font-size:28px; font-weight:800; white-space:nowrap; }
.stc-meta-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.stc-meta-grid > div, .stc-breakdown-row { border:1px solid #e1e8ed; border-radius:12px; padding:12px 14px; display:flex; justify-content:space-between; gap:12px; }
.stc-meta-grid strong { display:block; font-size:12px; color:#5f6f7a; }
.stc-meta-grid span { display:block; text-align:right; font-weight:600; }
.stc-breakdown { display:grid; gap:8px; }
.stc-disclaimer { margin:16px 0 0; font-size:13px; color:#5f6f7a; }
@media (max-width:980px) { .stc-app { grid-template-columns:1fr; } #stc-map { min-height:420px; } }
@media (max-width:767px) { .stc-row-2, .stc-row-4, .stc-check-grid, .stc-meta-grid { grid-template-columns:1fr; } .stc-fare-header { flex-direction:column; } }