/* The "next step" block (Grok A5, 1.11.26): one master for the end of an article and the podcast page,
   sapir_site_next_step() in inc/sapir-site.php. Was the article's webinar banner (.aweb). Dark wine box, Sap or the mail facet. */
.nstep { --box-cut: var(--cut-md); --box-cut-in: var(--cut-md-in); --box-fill: var(--wine-950); --box-stroke: var(--wine-950); display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 20px 24px; padding: 32px 24px; color: var(--text-on-dark); }
.nstep__ic { display: block; inline-size: 56px; block-size: 56px; }
.nstep__kicker { font-size: var(--fs-small); line-height: var(--lh-small); font-weight: var(--fw-semibold); color: var(--text-on-dark); }
.nstep__t { margin-block-start: 4px; font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: var(--fw-semibold); color: var(--text-on-dark); text-wrap: balance; }
.nstep__line { margin-block-start: 8px; font-size: var(--fs-small); line-height: var(--lh-small); color: var(--text-on-dark); text-wrap: pretty; }
.nstep__btn { grid-column: 1 / -1; justify-self: start; }
@media (min-width: 768px) {
  .nstep { grid-template-columns: auto minmax(0, 1fr) auto; padding: 40px; gap: 32px; }
  .nstep__ic { inline-size: 72px; block-size: 72px; }
  .nstep__btn { grid-column: auto; }
}
@media (max-width: 480px) { .nstep__btn { inline-size: 100%; } }

/* the podcast page: the block closes the page, inside its width */
.sx-pod-next { padding-block: 48px 64px; }
@media (min-width: 1200px) { .sx-pod-next { padding-block: 64px 96px; } }