/* V005.1: responsive alignment fixes for the staged /v2/ entry form only. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

#xem-ngay .astro-form > .astro-control:has(#short-name),
#xem-ngay .astro-form > .astro-control:has(#gender) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
}

#xem-ngay .astro-form > .astro-control:has(#short-name) .astro-control__fields,
#xem-ngay .astro-form > .astro-control:has(#gender) .astro-control__fields,
#xem-ngay #short-name,
#xem-ngay #gender {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
}

#xem-ngay .astro-location-title::before {
  content: "1" !important;
}

#xem-ngay .astro-control--location + .astro-location-title::before {
  content: "2" !important;
}

@media (max-width: 760px) {
  #xem-ngay .astro-form > .astro-control:has(#short-name),
  #xem-ngay .astro-form > .astro-control:has(#gender) {
    grid-column: 1 / -1 !important;
  }
}