.gate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-5);
  padding: var(--s-5);
  margin-block: var(--s-6);
  background: var(--accent-wash);
  border-radius: var(--radius);
}
.gate__heading { font-weight: 600; font-size: var(--step-0); }
.gate__text { font-size: var(--step--1); color: var(--ink-soft); margin-top: var(--s-1); }
.gate__cta { flex-shrink: 0; white-space: nowrap; }

/* Sticky version for the guide sidebar. */
.gate--sticky {
  flex-direction: column;
  align-items: flex-start;
  margin: var(--s-5) 0 0;
  border: 1px solid var(--line-firm);
  background: var(--ground);
}
.gate--sticky .gate__cta { width: 100%; justify-content: center; }

@media (max-width: 700px) {
  .gate { flex-direction: column; align-items: flex-start; }
  .gate__cta { width: 100%; justify-content: center; }
}