/* The request-access form the Worker puts on each study's public summary (src/request.js). Uses the page's
   own tokens (charter §4): Chivo, ink on white, 2px radius on inputs and buttons, a rule above, no card. */
.areq { margin: 40px 0 0; } /* the .next block above already ends in a rule */
.areq h2 { margin: 0 0 8px; }
.areq-lede { color: var(--ink-2, #4a5059); margin: 0 0 20px; max-width: var(--text, 58ch); }
.areq-form { max-width: 440px; }
.areq-form label { display: block; font-weight: 600; font-size: 15px; margin: 14px 0 6px; }
.areq-form label span { font-weight: 400; color: var(--ink-2, #4a5059); }
.areq-form input, .areq-form textarea { display: block; width: 100%; font: 400 16px var(--sans, system-ui); color: var(--ink, #171b21); background: var(--canvas, #fff); border: 2px solid var(--ink, #171b21); border-radius: 2px; padding: 9px 11px; }
.areq-form textarea { resize: vertical; min-height: 84px; }
.areq-form input:focus-visible, .areq-form textarea:focus-visible, .areq-form button:focus-visible { outline: 2px solid var(--ink, #171b21); outline-offset: 2px; }
.areq-form button { margin-top: 18px; font: 600 16px var(--sans, system-ui); color: var(--canvas, #fff); background: var(--ink, #171b21); border: 2px solid var(--ink, #171b21); border-radius: 2px; padding: 10px 18px; cursor: pointer; }
.areq-form button:active { transform: scale(.97); }
.areq-form button[disabled] { opacity: .6; cursor: default; }
.areq-msg { min-height: 1.5em; margin: 10px 0 0; font-size: 15px; font-weight: 600; }
.areq-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.areq-done { display: none; font-weight: 600; margin: 16px 0 0; padding: 10px 0; border-top: 2px solid var(--ink, #171b21); border-bottom: 1px solid var(--rule, #dfe2e6); max-width: var(--text, 58ch); }
.areq-done:target { display: block; }
.areq-note { font-size: 14px; color: var(--ink-3, #6b717a); margin: 14px 0 0; }
@media print { .areq { display: none; } }