/* Restore the source’s compact portrait intake grid (9cb72d4, src/app.css).
   Wider and landscape layouts retain the deployed arrangement. */
@media (max-width: 760px) and (orientation: portrait) {
  #intake-photo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
  }
  #intake-photo-grid .intake-photo-preview {
    height: auto;
    aspect-ratio: 1 / 1;
  }
  #intake-photo-grid figcaption {
    padding: 5px 5px 5px 8px;
    gap: 5px;
  }
  #intake-photo-grid .photo-order-actions {
    flex-wrap: wrap;
    gap: 3px;
  }
  #intake-photo-grid .photo-order-actions button {
    flex: 0 0 44px;
  }
}
@media (max-width: 430px) and (orientation: portrait) {
  #intake-photo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}