/* the verifier: a form, a verdict, and the rows that justify it */
.vf-wrap { max-width: 52rem; margin: 0 auto; padding: 0 var(--space-5); min-width: 0; }
.vf-head { padding: clamp(2.4rem, 5vw, 4rem) 0 var(--space-4); }
.vf-h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); line-height: 1.06; letter-spacing: -.025em; margin: 0 0 var(--space-3); }
.vf-lede { margin: 0; max-width: 44ch; font-size: var(--fs-prose); line-height: 1.55; color: var(--ink2); }
.vf-form { display: flex; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-5) 0 0; }
.vf-in {
  flex: 1 1 22rem; min-width: 0; min-height: var(--control-h); padding: 0 var(--space-4);
  font: inherit; font-size: var(--fs-base); color: var(--ink);
  background: var(--sunken); border: 1px solid var(--line2); border-radius: var(--radius-sm);
}
.vf-in:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.vf-go {
  min-height: var(--control-h); padding: 0 var(--space-5); cursor: pointer;
  font: inherit; font-size: var(--fs-base); color: var(--bg); background: var(--ink);
  border: 1px solid var(--ink); border-radius: var(--radius-sm);
}
.vf-go:hover { background: var(--ink2); border-color: var(--ink2); }
.vf-verdict {
  margin: var(--space-5) 0 0; font-size: var(--fs-micro); letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted, inherit);
}
.vf-verdict[data-state="fresh"] { color: var(--ok); }
.vf-verdict[data-state="stale"] { color: var(--warn); }
.vf-verdict[data-state="none"] { color: var(--muted, inherit); }
.vf-note { margin: var(--space-3) 0 0; font-size: var(--fs-sm); color: var(--ink2); max-width: 48ch; }
.vf-out { margin: var(--space-5) 0 0; border-top: 1px solid var(--line2); }
.vf-row { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: var(--space-3); padding: var(--space-3) 0; border-bottom: 1px solid var(--line2); }
.vf-row dt { font-size: var(--fs-micro); letter-spacing: .1em; text-transform: uppercase; color: var(--muted, inherit); margin: 0; }
.vf-row dd { margin: 0; font-family: var(--font-mono); font-size: var(--fs-sm); line-height: 1.5; overflow-wrap: anywhere; color: var(--ink2); }
@media (max-width: 620px) { .vf-row { grid-template-columns: 1fr; gap: var(--space-1); } }


.vf-about { margin: clamp(2.4rem, 5vw, 3.4rem) 0 0; padding-top: var(--space-4); border-top: 1px solid var(--line2); }
.vf-about h2 { font-size: var(--fs-micro); letter-spacing: .14em; text-transform: uppercase; color: var(--muted, inherit); margin: 0 0 var(--space-3); }
.vf-about p { font-size: var(--fs-sm); line-height: 1.6; color: var(--ink2); margin: 0 0 var(--space-3); max-width: 52ch; }
.vf-about code { font-family: var(--font-mono); font-size: .92em; color: var(--ink); }

/* an inline link in this page is still a target: 24px tall, the same floor the rest of the estate uses */
.vf-wrap a { display: inline-flex; align-items: center; min-height: 24px; }