.main > section { padding: clamp(30px, 6vw, 72px) 0; }
.main .shell { display: grid; gap: 20px; }
.main .card { margin: 0; }
.main .button-row { margin-top: 18px; }

/*
 * Terms contain several inline links inside explanatory prose. Preserve normal
 * text wrapping while extending each link's interactive box to the governed
 * 24 px touch-target minimum; inline-flex would make longer legal labels
 * overflow at the narrowest supported viewports.
 */
[data-dsti-page="application-terms"] .card__body p a:not(.button) {
  padding-block: 3px;
}

@media (max-width: 640px) {
  .main .button-row .button { width: 100%; }
}