/* Mobile readability layer: keep the established layout while removing 9–10px UI text. */
.quick-art{display:block;width:46px;height:46px;object-fit:contain;margin-bottom:auto;align-self:flex-start}
.choice.has-art{display:flex;min-height:142px;flex-direction:column;justify-content:flex-end}
.choice-art{display:block;width:88px;height:72px;object-fit:contain;object-position:left bottom;margin:0 0 auto -4px}

@media(max-width:820px){
  .state-label,.next-label,.child-pill,.text-button{font-size:13px}
  .routine-path small{font-size:11px;line-height:1.3}
  .quick strong{font-size:15px}
  .quick small{font-size:12px;line-height:1.35}
  .summary-grid small{font-size:12px}
  .summary-grid strong{font-size:16px}
  .milk-stock-card small{font-size:12px}
  .milk-stock-card em{font-size:12px;line-height:1.45}
  .bottom-nav button,#fab b{font-size:13px}
  .event-card strong{font-size:15px}
  .event-card small,.event-heading time{font-size:13px;line-height:1.45}
  .stock-hero small,.storage-grid small,.milk-row small{font-size:12px}
  .milk-row strong{font-size:14px}
  .helper{font-size:13px;line-height:1.6}
  .sheet .lead{font-size:14px;line-height:1.65}
  .choice small{font-size:12px;line-height:1.45}
  .form-group label,.allocation label{font-size:14px}
  .segments button{font-size:14px}
  .timer-caption{font-size:13px}
}

@media(max-width:360px){
  .choice-art{width:74px;height:64px}
  .event-heading time{font-size:12px}
}