/* ---------- Home (Today) + bad-day / light-mode screens ---------- */
.home-hero { padding: var(--space-4) 0 var(--space-2); }
.home-greet { font-family: var(--font-display); font-size: 1.7rem; color: var(--plum-deep); margin: 0; }
.home-date { color: var(--ink-faint); margin: 2px 0 0; }
.home-status { margin-bottom: var(--space-4); }
.home-matters { background: var(--lavender-soft); border: 1px solid var(--outline-soft); border-radius: var(--radius); padding: var(--space-4); margin-bottom: var(--space-4); }
.home-matters-head { display: flex; align-items: center; gap: var(--space-2); font-weight: 700; color: var(--plum-deep); }
.home-cards { margin-bottom: var(--space-4); }

.home-card { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4); border-radius: var(--radius); background: var(--card); border: 1px solid var(--outline-soft); color: var(--ink); text-decoration: none; box-shadow: var(--shadow-1); min-height: 72px; transition: transform .12s ease, box-shadow .12s ease; }
a.home-card:hover { transform: translateY(-1px); box-shadow: var(--shadow-2); color: var(--ink); }
.home-card.danger { border-color: var(--danger); background: var(--danger-bg); }
.home-card-ico { font-size: 1.8rem; line-height: 1; flex: 0 0 auto; }
.home-card-body { flex: 1 1 auto; min-width: 0; }
.home-card-title { display: block; font-weight: 700; color: var(--plum-deep); }
.home-card.danger .home-card-title { color: var(--danger); }
.home-card-sub { display: block; font-size: .88rem; color: var(--ink-faint); }
.home-card-status { display: inline-block; margin-top: 4px; font-size: .8rem; font-weight: 600; color: var(--sage-deep, var(--plum)); }
.home-card-go { flex: 0 0 auto; color: var(--ink-faint); font-size: 1.2rem; }
.home-details > .home-card-body { width: 100%; }
.home-details-body { margin-top: var(--space-2); }
.home-switch { cursor: pointer; }
.home-quote { margin: var(--space-4) 0; padding: var(--space-3) var(--space-4); border-inline-start: 4px solid var(--gold, var(--lavender)); background: var(--lavender-soft); border-radius: 0 var(--radius-s) var(--radius-s) 0; font-style: italic; }
.home-disclaimer { font-size: .8rem; text-align: center; margin-top: var(--space-5); }

/* Today: bad-day picker, symptom quick check, light mode */
.today-hero { padding: var(--space-3) 0; }
.today-options { margin: var(--space-3) 0; }
.today-option { display: flex; align-items: center; gap: var(--space-3); width: 100%; text-align: start; cursor: pointer; min-height: 64px; font: inherit; color: var(--ink); }
.today-option:hover { background: var(--lavender-soft); }
.card.danger, .today-option.danger { border-color: var(--danger); background: var(--danger-bg); }
.today-option-ico { font-size: 1.6rem; flex: 0 0 auto; }
.today-option-body { flex: 1 1 auto; min-width: 0; }
.today-option-title { font-weight: 600; }
.today-big { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-5) var(--space-4); text-decoration: none; color: var(--ink); min-height: 96px; }
.today-big-ico { font-size: 2.6rem; line-height: 1; }
.today-big-body { flex: 1 1 auto; }
.today-big-title { font-size: 1.35rem; font-weight: 700; color: var(--plum-deep); }
.today-big.danger .today-big-title { color: var(--danger); }
.today-light { max-width: 520px; margin-inline: auto; }
.today-light-med { font-size: 1.3rem; font-weight: 700; text-align: center; padding: var(--space-4); }
.today-voice { align-self: center; }
.today-saved { text-align: center; color: var(--good); font-weight: 600; padding: var(--space-3); }
.today-symptoms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.today-symptom { font-size: 1.05rem; }
.today-tiers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.today-tier { justify-content: flex-start; }

@media (max-width: 480px) {
  .home-greet { font-size: 1.4rem; }
  .today-big { padding: var(--space-4) var(--space-3); }
}