/* v240 — keep the four supplied templates as scaled A4 designs on phones.
   They must not reflow/collapse just because the device viewport is narrow. */
@media (max-width:900px){
  .resume.original-professional-template .orig-head{
    grid-template-columns:50% 1fr 14px!important;
    column-gap:28px!important;
    align-items:stretch!important;
  }
  .resume.original-professional-template .orig-contact{
    grid-column:auto!important;grid-row:auto!important;
    align-items:flex-end!important;text-align:right!important;padding:0!important;
  }
  .resume.original-professional-template .orig-rail{grid-column:auto!important;grid-row:auto!important;}
  .resume.original-professional-template .orig-bottom-grid{grid-template-columns:1fr 1fr!important;}
  .resume.quick-modern-template .quick-head{
    padding:27px 190px 20px 27px!important;min-height:255px!important;
  }
  .resume.quick-modern-template .cv-photo{
    width:115px!important;height:115px!important;right:32px!important;top:30px!important;
  }
  .resume.quick-modern-template .quick-columns{grid-template-columns:34% 66%!important;}
  .resume.quick-modern-template .quick-columns>aside{
    border-right:1px solid rgba(255,255,255,.95)!important;border-bottom:0!important;
  }
  .resume.connery-template .skills,.resume.chicago-template .skills{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  /* final mobile preview: use a stable A4-sized source, then scale the whole page. */
  body.resumenow-review-active .review-live-paper-wrap{overflow:visible!important;max-width:none!important;}
  body.resumenow-review-active #resume.connery-template,
  body.resumenow-review-active #resume.original-professional-template,
  body.resumenow-review-active #resume.quick-modern-template,
  body.resumenow-review-active #resume.chicago-template{
    width:794px!important;min-width:794px!important;max-width:794px!important;
    overflow:visible!important;
  }
}

/* Make preview drag handles easy to grab on mouse, trackpad and touch. */
.resume .rn-preview-tools .rn-drag{cursor:grab!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;}
.resume.rn-section-drag-active .rn-preview-tools .rn-drag{cursor:grabbing!important;}
.resume.quick-modern-template .quick-columns>aside.rn-column-drop,
.resume.quick-modern-template .quick-columns>main.rn-column-drop{outline:3px dashed rgba(255,255,255,.8)!important;outline-offset:-6px!important;}