/* ==========================================================================
   Life HQ — Responsive
   ========================================================================== */

@media (max-width: 1100px) {
  .hero { grid-template-columns: 1fr; }
  .hero-side { flex-direction: row; }
  .weather-card { width: auto; flex: 1; }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .quick-launch-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
  .main { padding: var(--space-md) var(--space-md) var(--space-2xl); }
  .grid-2 { grid-template-columns: 1fr; }
  .tasks-columns { grid-template-columns: 1fr; gap: var(--space-lg); }
  .grid-3 { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .hero { padding: var(--space-lg); }
  .hero-greeting { font-size: var(--fs-display-lg); }
  .hero-side { flex-direction: column; }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .quick-launch-grid { grid-template-columns: repeat(3, 1fr); }
  .grid-notes { grid-template-columns: repeat(2, 1fr); }
  .section-head { flex-direction: column; align-items: flex-start; gap: 4px; }
}

@media (max-width: 420px) {
  .quick-launch-grid { grid-template-columns: repeat(2, 1fr); }
  .grid-notes { grid-template-columns: 1fr; }
}