/* Programme intake — only what the shared funnel stylesheets do not already
 * give us. Everything structural (.card, .opt, .gate-grid, .wizard-nav,
 * .progress) is inherited from styles.css and select.css on purpose, so this
 * door looks like the rest of the Hub without a second design to maintain. */

/* The landing's promise list. Not bullets: each line is a fact about what
 * happens next, and a bullet makes it read as marketing. */
.plain-list { list-style: none; padding: 0; margin: 18px 0 26px; }
.plain-list li {
  position: relative; padding-inline-start: 26px; margin-block-end: 9px;
  font-size: 15px; color: var(--ink);
}
.plain-list li::before {
  content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 7px;
  width: 9px; height: 9px; background: var(--gold, #FFD100); border-radius: 2px;
}

/* A short clarifier under a question. Kept separate from .lede so it can sit
 * tight under the question without inheriting the landing's type scale. */
.q-help { font-size: 14px; color: var(--ink-soft); margin: -12px 0 18px; }

/* What they told us, shown back on the contact screen. */
.recap {
  font-size: 13.5px; color: var(--blue-dark); background: var(--blue-pale);
  border-radius: 8px; padding: 10px 14px; margin-block: 14px 4px;
}
.recap:empty { display: none; }

/* The free-text note. */
#notes-text {
  width: 100%; box-sizing: border-box; margin-block-start: 14px;
  font: inherit; font-size: 15px; color: var(--ink);
  border: 2px solid var(--line, #d9e2ea); border-radius: 8px; padding: 12px 14px;
  resize: vertical;
}
#notes-text:focus { outline: none; border-color: var(--blue); }

/* What happens next, numbered because the order is the reassurance. */
.next-steps { margin: 18px 0 24px; padding-inline-start: 22px; }
.next-steps li { margin-block-end: 10px; font-size: 15px; color: var(--ink); }

@media (max-width: 560px) {
  .gate-grid { grid-template-columns: 1fr; }
}