/**
 * Shared spacing for app / form pages (register, NDA, gates, training, Direct).
 * Marketing landing heroes keep their own section padding — do not import this there.
 *
 * Page bottom ~32px is a common compact form-page footer gap (was 80px).
 * Control padding is tighter so long forms scroll less.
 */
:root {
  --pcc-app-pad-x: 22px;
  --pcc-app-pad-top: 28px;
  --pcc-app-pad-bottom: 32px;

  --pcc-control-pad-y: 7px;
  --pcc-control-pad-x: 10px;
  --pcc-btn-pad-y: 8px;
  --pcc-btn-pad-x: 14px;
}

.wrap,
.gate-wrap,
.app-wrap {
  padding-top: var(--pcc-app-pad-top);
  padding-left: var(--pcc-app-pad-x);
  padding-right: var(--pcc-app-pad-x);
  padding-bottom: var(--pcc-app-pad-bottom);
}

/* Tighter fields/buttons inside app shells (nav CTAs outside .wrap are unchanged). */
.wrap input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.wrap select,
.wrap textarea,
.gate-wrap input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.gate-wrap select,
.gate-wrap textarea,
.app-wrap input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
.app-wrap select,
.app-wrap textarea {
  padding: var(--pcc-control-pad-y) var(--pcc-control-pad-x);
}

.wrap .btn,
.gate-wrap .btn,
.app-wrap .btn {
  padding: var(--pcc-btn-pad-y) var(--pcc-btn-pad-x);
}