/* Keeps every morning screen calmly centred without fighting slide animations. */
.morning-flow.visible { align-items: center; }
.morning-card { position: relative; top: auto; left: auto; right: auto; margin: 0; }

/* Keeps the weather introduction within compact iPhone viewports. */
@media (max-height: 760px) {
  .morning-card { max-height: calc(100dvh - 24px); overflow-y: auto; overscroll-behavior: contain; }
  .morning-card h2 { font-size: 32px; margin: 5px 0; }
  .morning-card .lead { font-size: 15px; }
  .morning-weather { margin-top: 14px; gap: 6px; }
  .weather-row { gap: 9px; padding: 9px 12px; }
  .weather-stages { gap: 6px; padding-top: 2px; }
  .weather-stages span { padding: 5px 7px; }
  .weather-stages b { font-size: 13px; }
  .morning-actions { margin-top: 18px; padding-bottom: 8px; }
}