/* "Add your name" form, shared by /endorse and /who (moved from endorse.html's
   page-scoped styles; originally copied from how-to-help.html). */
.panel{background:var(--paper-2);border:2px solid var(--ink);box-shadow:7px 7px 0 rgba(22,24,28,.14);padding:clamp(20px,3vw,30px);margin:30px 0;max-width:820px}
.field{display:flex;flex-direction:column;gap:6px;margin:0 0 18px}
.field label{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.field small{font-family:var(--serif);font-size:15px;color:var(--ink-faint);letter-spacing:0;text-transform:none;font-weight:400}
input[type=text],input[type=email]{
  font:inherit;font-size:18px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:0;
  padding:11px 13px;width:100%;min-width:0}
input::placeholder{color:var(--ink-faint)}
input:focus-visible{outline:3px solid var(--alarm);outline-offset:2px}
.row2{display:grid;gap:0 18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.check{display:flex;gap:12px;align-items:flex-start;font-family:var(--sans);font-size:18px;line-height:1.35;cursor:pointer;margin:0 0 14px}
.check input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--alarm)}
.check--req{font-weight:600}
.checks{margin:8px 0 22px}
button.btn{cursor:pointer;font-family:var(--sans)}
button.btn:disabled{opacity:.55;cursor:wait}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.status{margin:18px 0 0;font-family:var(--sans);font-weight:700;font-size:18px}
.status--ok{color:var(--good)}
.status--err{color:var(--alarm)}
.thanks h2{margin-top:0}
.fine{font-size:17px;color:var(--ink-soft);max-width:820px}
[hidden]{display:none!important}