@layer pages {
  #application {
    --counter-pad: clamp(1.5rem, 1rem + 2.5vw, 3rem);
    --counter-max: calc(48rem + 2 * var(--counter-pad));
    padding-top: var(--space-6);
  }

  #application > .nx-grid { align-items: start; }

  #application .nx-counter {
    max-width: var(--counter-max);
    padding: var(--counter-pad);
    background: var(--panel-gray);
    border-radius: var(--radius);
  }

  #application .nx-counter > p {
    max-width: var(--measure);
    margin-bottom: var(--space-4);
    font-size: var(--fs-body);
    line-height: 1.6;
  }

  #application .nx-desk--compact { max-width: var(--counter-max); }

  @media (min-width: 80em) {
    #application .nx-counter {
      grid-column: 1 / 9;
      max-width: none;
    }

    #application .nx-desk--compact {
      grid-column: 9 / -1;
      align-self: start;
      max-width: none;
    }
  }
}