/* HSC1 only: keep the existing grading controls on a compact centered row
   below the three auxiliary photo groups, not a stretched fourth panel. */
html body.hsc1-page #hsc1-aux > .pack-grade-ctl {
  order: 1;
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 0;
  align-self: flex-start;
  align-items: center;
  align-content: flex-start;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 6px !important;
  box-sizing: border-box;
}
html body.hsc1-page #hsc1-aux > .pack-grade-ctl .pg-label {
  margin: 0;
}
html body.hsc1-page #hsc1-aux > .pack-grade-ctl > select {
  flex: 0 1 360px;
  min-width: 0;
  max-width: 100%;
}
/* Body zoom is 1/.85/.8 across this existing page. These scoped minima stay
   above 44px/13px at all three values; no photo or other control is resized. */
html body.hsc1-page #hsc1-aux > .pack-grade-ctl > :is(select, button) {
  min-height: 56px;
  padding-block: 18px !important;
  line-height: 20px !important;
  font-size: 17px !important;
}