/* Reduce front-page geometry to 65% without scaling text. */
.customer-page { zoom:1; }
.customer-page .wrap { max-width:780px; padding:11.7px; }
.customer-page .card { padding:13px; border-radius:11.7px; margin-bottom:10.4px; }
.customer-page .hero { padding:16.9px; gap:14.3px; }
.customer-page .grid { gap:3.9px; }
.customer-page .num { border-radius:4.55px; }
.customer-page .form { gap:6.5px; }
.customer-page .form input,
.customer-page .form textarea,
.customer-page .form select { padding:7.8px; border-radius:6.5px; }
.customer-page .primary,
.customer-page .danger { padding:7.8px 10.4px; border-radius:6.5px; }
.customer-page .selected-summary { padding:7.8px 9.1px; border-radius:6.5px; }
.customer-page .customer-photo-frame { border-radius:9.1px; }
/* Full-width mobile layout, independent of desktop sizing. */
@media(max-width:768px) {
  .customer-page .wrap { width:100%; max-width:100%; padding:10px; }
  .customer-page .card { min-width:0; padding:14px; margin-bottom:12px; }
  .customer-page .hero { grid-template-columns:minmax(0,1fr); padding:14px; gap:14px; }
  .customer-page .hero > * { min-width:0; overflow-wrap:anywhere; }
  .customer-page .customer-photo-frame { width:100%; max-width:100%; }
  .customer-page .grid { width:100%; grid-template-columns:repeat(10,minmax(0,1fr)); gap:3px; }
  .customer-page .num { min-width:0; width:100%; padding:0; }
  .customer-page .form { min-width:0; gap:10px; }
  .customer-page .form input { min-width:0; max-width:100%; padding:12px; }
  .customer-page .primary { width:100%; padding:12px; white-space:normal; }
  .customer-page .selected-summary { padding:12px; overflow-wrap:anywhere; }
}