/* The legacy sheet uses repeated :is(html, #xl_) selectors; scope overrides here to PAM. */
:is(html, #xl_):is(html, #xl_):is(html, #xl_):is(html, #xl_):is(html, #xl_):is(html, #xl_):is(html, #xl_):is(html, #xl_):is(html, #xl_):is(html, #xl_):is(html, #xl_):is(html, #xl_):is(html, #xl_):is(html, #xl_) .cstrap-section {
  & .cpam[hidden], & .cpam [data-pam-other][hidden] { display: none; }
  & .cpam { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pam-gap); }
  & .cpam .cfield { min-width: 0; }
  & .cpam [data-pam-other] { display: grid; gap: var(--pam-label-gap); }
  & .cpam :is(input, select) { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; }
  &.is-pam select[id$="-thickness"] option:disabled { color: #888; }
  @media (max-width: 749px) {
    --pam-gap: 12px;
    --pam-label-gap: 6px;
    &.is-pam :is(input, select, textarea) { font-size: 16px; }
    & .cpam :is(input, select) { min-height: 44px; }
  }
  @media (min-width: 750px) {
    --pam-gap: 16px;
    --pam-label-gap: 8px;
    & .cpam { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    & .cpam .cfield:last-child { grid-column: 1 / -1; }
    & .cpam :is(input, select) { font-size: 14px; min-height: 46px; }
  }
}