/* Phase 8e — Symptom cards: restyle to match disposition chip style
   Replaces top-border-only treatment with white card + left border,
   consistent with home-disposition-paths section.
   Links and arrow treatment preserved via existing h3::after rule.
   Icons already hidden by phase-8d. */

.home-symptom-card {
  background: #fff !important;
  border-top: none !important;
  border: 1px solid rgba(11, 37, 69, 0.10) !important;
  border-left: 4px solid var(--telstar-teal, #2CA6A4) !important;
  border-radius: 0.5rem !important;
  padding: 1.25rem 1.4rem !important;
  box-shadow: 0 1px 3px rgba(11, 37, 69, 0.07) !important;
  min-height: 0 !important;
  gap: 0.5rem !important;
}

.home-symptom-card h3 {
  font-size: clamp(1.02rem, 1.2vw, 1.14rem) !important;
}

.home-symptom-card p {
  font-size: clamp(0.88rem, 0.95vw, 0.95rem) !important;
  line-height: 1.5 !important;
  color: var(--telstar-color-slate, #5C6B73) !important;
}

/* Hover: deepen the left border to royal blue, lift the card slightly */
.home-symptom-card.home-context-link-card:hover,
.home-symptom-card.home-context-link-card:focus-visible {
  border-left-color: var(--telstar-secondary, #1E5AA8) !important;
  border-top-color: rgba(11, 37, 69, 0.10) !important;
  box-shadow: 0 4px 12px rgba(11, 37, 69, 0.10) !important;
}