/* Venteliste: kort, basal formular (Gmail + studie). Deles af forsiden og /venteliste. */
.wlf-box { width: 100%; max-width: 560px; margin: 0 auto; }
.waitlist-card .wlf-box { max-width: none; }

.wlf { display: grid; gap: 16px; margin: 26px 0 0; text-align: left; }

.wlf-field { display: grid; gap: 6px; margin: 0; min-width: 0; }
.wlf-field[hidden] { display: none; }
.wlf-label { font: 600 13px var(--font); color: var(--ink2); }

.wlf input[type="email"],
.wlf input[type="text"],
.wlf select {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #FFFFFF;
  color: var(--ink);
  font: 400 15px var(--font);
  box-sizing: border-box;
}

.wlf select { padding-right: 8px; }

.wlf input:focus-visible,
.wlf select:focus-visible { outline: 0; border-color: var(--accent); box-shadow: var(--ring); }

.wlf-grid { display: grid; grid-template-columns: 1fr 1.5fr 1fr; gap: 12px; }

.wlf-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 4px 0 0;
  font: 500 14.5px/1.45 var(--font);
  color: var(--ink);
  cursor: pointer;
}

.wlf-consent input { flex: none; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--accent); }

.wlf .wlf-note { margin: -8px 0 0 28px; font-size: 13px; line-height: 1.5; color: var(--mute); }

.wlf-submit {
  height: 48px;
  margin-top: 4px;
  border: 0;
  border-radius: 10px;
  background: var(--ink);
  color: #FFFFFF;
  font: 600 15px var(--font);
  cursor: pointer;
}

.wlf-submit:hover { background: #2A2E36; }
.wlf-submit:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

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