/* =========================================================
   HSE — /{locale}/hse (pages/hse.blade.php)
   One-off adjustments on top of the shared `.ip-*` components.
   ========================================================= */

/* The policy column (lead, statement, checklist, buttons) is much taller than
   a 4:3 picture, so on wide screens the picture stretches to the row instead
   of floating beside the first paragraph. `position:sticky` is inert inside
   `.sec` (overflow:hidden), hence the stretch. */
@media (min-width:1025px){
  #hse .ip-split__media{align-self:stretch;aspect-ratio:auto;min-height:420px;}
}

/* Inside the narrower text column the checklist stays a single column. */
#hse .ip-split .ip-checks{grid-template-columns:1fr;}

/* Six services: the auto-fit grid lands them 5 + 1 on a wide screen, leaving
   an orphan card. Set them in threes (then twos) so every row is full. */
@media (min-width:1025px){
  #hse-services .ip-grid{grid-template-columns:repeat(3,1fr);}
}
@media (min-width:641px) and (max-width:1024px){
  #hse-services .ip-grid{grid-template-columns:repeat(2,1fr);}
}