/* AI-Author: OpenAI Codex */
#meeting-opening { padding-top: 11rem; }
#meeting-opening h1 { max-width: 10ch; }
#meeting-form, #confirmation { max-width: 960px; margin: 0 auto; }
.form-grid { display: grid; gap: 2rem; margin: 3rem 0; }
.field { display: flex; flex-direction: column; gap: .7rem; min-width: 0; }
.field label, .field legend { font-size: .95rem; font-weight: 500; }
.field input:not([type="checkbox"]), .field select, .field textarea {
  width: 100%; min-width: 0; min-height: 3.5rem; border: 1px solid var(--ink-500);
  border-radius: 0; padding: .85rem; background: var(--white); color: var(--black); font: inherit;
}
.field textarea { resize: vertical; }
.field textarea::placeholder { color: var(--ink-500); opacity: 1; }
.field [aria-invalid="true"] { outline: 2px solid var(--black); outline-offset: 2px; }
fieldset.field { margin: 0; padding: 0; border: 0; }
.field legend { margin-bottom: 1rem; }
.checkbox-options { display: flex; flex-wrap: wrap; gap: .5rem 1.8rem; }
.checkbox-label { display: flex; gap: .7rem; align-items: center; min-height: 44px; cursor: pointer; }
.checkbox-label input { width: 1.25rem; height: 1.25rem; accent-color: var(--black); }
.field-error { margin: .25rem 0 0; font-size: .9rem; font-weight: 500; }
.field-error:not([hidden])::before { content: '! '; }
#submission-error { margin: 0 0 1.5rem; }
.small-print { font-size: .85rem; margin-top: 1rem; }
#submit-request:disabled { opacity: .55; cursor: wait; }
.no-js #submit-request:disabled { cursor: not-allowed; }
.next-steps { max-width: 760px; }
[hidden] { display: none !important; }
@media (min-width: 700px) { .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; } .field--full { grid-column: 1 / -1; } }