/* Prüfseite /z/ — Tokens aus site.css, keine eigenen Farben. */
.verify { padding: var(--section) 0; }
.verify-wrap { max-width: 640px; }
.verify-lead { color: var(--text-2); margin-bottom: 24px; }
.verify-form { display: grid; gap: 8px; margin-bottom: 24px; }
.verify-form label { font-weight: 500; color: var(--text-2); font-size: 14px; }
.verify-form input {
  font: inherit; font-size: 17px; padding: 12px 14px;
  border: 1px solid var(--border); border-radius: var(--radius-ctl);
  background: var(--surface); color: var(--text);
}
.verify-form input:focus { outline: 2px solid var(--action); outline-offset: 1px; }
.verify-form button { justify-self: start; margin-top: 8px; }
.verify-result {
  border-radius: var(--radius-card); background: var(--surface-alt);
  padding: 20px 24px; margin-bottom: 24px; border-left: 4px solid var(--border);
}
.verify-result h2 { font-size: 15px; font-weight: 500; color: var(--text-3); margin: 0 0 4px; }
.verify-status { font-size: 20px; font-weight: 500; margin: 0 0 12px; }
.verify-ok { border-left-color: var(--ok); }
.verify-ok .verify-status { color: var(--ok); }
.verify-warn { border-left-color: var(--warn); }
.verify-warn .verify-status { color: var(--warn); }
.verify-bad { border-left-color: var(--fail); }
.verify-info { border-left-color: var(--text-3); }
.verify-info .verify-status { color: var(--text); }
.verify-bad .verify-status { color: var(--fail); }
.verify-facts { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0 0 12px; }
.verify-facts dt { color: var(--text-3); }
.verify-facts dd { margin: 0; font-weight: 500; }
.verify-note, .verify-fine { color: var(--text-3); font-size: 14px; }
.verify-fine { margin-top: 32px; }
@media (max-width: 480px) {
  .verify-facts { grid-template-columns: 1fr; gap: 2px; }
  .verify-facts dd { margin-bottom: 8px; }
}