/* Public intake: the organizer's intake page, and the public form people answer (layouts/public). */

/* ---------- The organizer's intake page, one per side ---------- */

.intake-copy { display: flex; gap: .5rem; }
.intake-copy__url { flex: 1 1 auto; min-width: 0; font-size: .85rem; color: var(--ink-soft); }
.intake-copy .button { flex: none; }
.intake-settings__dates { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
@media (max-width: 540px) { .intake-settings__dates { grid-template-columns: 1fr; } }
.intake-form { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--rule); }

/* ---------- The public form ---------- */

.public__head { justify-content: center; }
.public__title { font-family: var(--display); font-size: 1.5rem; font-weight: 700; letter-spacing: -.015em; text-align: center; overflow-wrap: anywhere; }

.public__foot { padding: 0 1rem 2.5rem; text-align: center; }
.public__made { display: inline-flex; align-items: center; gap: .4rem; color: var(--ink-faint); font-size: .85rem; text-decoration: none; }
.public__made:hover { color: var(--ink); }
.public__mark { width: .8rem; height: .8rem; border-radius: 3px; }

/* The organizer's introduction, consent text and closed message, as paragraphs (simple_format). */
.intake-text { color: var(--ink-soft); overflow-wrap: anywhere; }
.intake-text p { margin: 0 0 .75rem; }
.intake-text p:last-child { margin-bottom: 0; }
.sheet > .intake-text { margin-bottom: 1.5rem; }
.intake-text--boxed { margin-bottom: .75rem; padding: .9rem 1rem; max-height: 16rem; overflow-y: auto; background: var(--wash); border: 1px solid var(--rule); border-radius: 10px; font-size: .9rem; }

.intake-required { color: var(--red); font-weight: 650; }

.intake-choices { display: grid; gap: .4rem; margin: 0; padding: 0; border: none; }
.intake-choices .check { color: var(--ink); font-size: 1rem; }

/* Read by screen readers, not shown. */
.intake-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* The honeypot: out of sight and out of the tab order, for people. Bots that fill in every field still see it. */
.intake-trap { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }