/* ============================================================
   30-patches.css
   - Cross-browser robustness & small tuning
   - Keep this file LAST in index.html
   ============================================================ */

/* Allow flex/grid children to shrink (Safari ellipsis needs this) */
.layout-a,
.right-stack,
.panel,
.panel-weather,
.panel-lunar,
.weather,
.wx-main,
.wx-grid,
.wx-trend,
.wx-trend-wrap,
.wx-footer{
  min-width: 0;
}

/* If you ever see inner content painting outside the card */
.panel-weather{
  overflow: hidden;
}

/* Old iPad / mid width landscape tuning */
@media (max-width: 1100px){
  .panel-title{ font-size: 16px; }

  .wx-icon{ font-size: 48px; width: 56px; }
  .wx-text{ font-size: 24px; }
  .wx-now{  font-size: 36px; }
  .wx-feels{ font-size: 16px; }

  .wx-kv .k{ font-size: 14px; }
  .wx-kv .v{ font-size: 18px; }

  .wx-footer{ font-size: 13px; }
}