/* Profile cards side by side on desktop, stacked on mobile */
@media (min-width:861px){
  #page-profile .mp-page{ max-width:1240px !important; display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:start; }
  /* the full-width "Personalise Your Experience" section spans both columns */
  #page-profile .mp-page > .ff2-section{ grid-column:1 / -1; }
  /* grid gap handles the spacing now */
  #page-profile .mp-page > .mp-card{ margin-bottom:0 !important; height:100%; }
}
@media (min-width:1500px){
  #page-profile .mp-page{ max-width:1400px !important; }
}