/* /verify and /verify/{slug} only (the controllers add it). Builds on site.css tokens and components. */
.vp-find{max-width:720px;margin-bottom:56px;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}
.vp-find .h3{margin-bottom:12px}
.vp-find .search{max-width:none}
.vp-count{margin-top:16px;font-size:14px;color:var(--fg-2)}
.vp-results{margin-top:8px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg)}
.vp-results li{position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px;transition:background-color .15s ease}
.vp-results li + li{border-top:1px solid var(--line)}
.vp-results li:hover{background:var(--bg-2)}
.vp-name{flex:1;min-width:0;font-size:15px;font-weight:600;overflow-wrap:anywhere}
.vp-name .muted{font-size:13px;font-weight:400}
.vp-name a::after{content:"";position:absolute;inset:0}
.vp-name a:focus-visible{outline:0}
.vp-results li:has(a:focus-visible){outline:2px solid var(--fg);outline-offset:-2px}
.vp-go{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:13px;color:var(--fg-3)}
.vp-go .i{width:14px;height:14px}
.prose .vp-how{gap:8px}
.vp-how .ci,.vp-alt .ci{white-space:nowrap}
.prose .vp-sample-mark{margin:0 1px}
.vp-sample{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;margin-top:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2);font-size:13px}
.vp-sample code{color:var(--fg);overflow-wrap:anywhere}
.vp-k{color:var(--fg-3)}
.vp-sample + p{margin-top:12px}
.vp-contact{margin-top:40px;font-size:14px}
/* /verify/{slug} */
.vp .notice{margin-top:0;margin-bottom:24px}
.vp .notice p + p{margin-top:8px}
.vp-warn{border-color:var(--line-2)}
.vp-card{margin-bottom:32px}
.vp-st{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:500;line-height:1;color:var(--fg-2)}
.vp-st[data-v=yes]{border-color:var(--fg);color:var(--fg)}
.vp-listing{display:flex;align-items:center;gap:12px;padding:16px 20px}
.vp-id{min-width:0}
.vp-lname{font-size:15px;font-weight:600;overflow-wrap:anywhere}
.vp-id .muted{margin-top:2px;font-size:13px}
.mono-s{font-family:var(--mono);font-size:12.5px}
.vp-done{display:flex;gap:10px;margin:0 20px 16px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--fg-2)}
.vp-done .i{margin-top:3px;color:var(--fg)}
.vp-note{font-size:15px;color:var(--fg-2)}
.vp-steps{display:grid;gap:32px}
.vp-steps > li{display:flex;align-items:flex-start;gap:14px}
.vp-steps .step-n{margin:0}
.vp-step{flex:1;min-width:0;padding-top:1px}
.vp-step .h3{margin-bottom:6px}
.vp-step > p{font-size:15px;color:var(--fg-2)}
.vp-domains{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.vp-domains a{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:1px solid var(--line-2);border-radius:999px;font:400 13px var(--mono);color:var(--fg-2);transition:background-color .15s ease,color .15s ease}
.vp-domains a:hover{background:var(--bg-3);color:var(--fg)}
.vp-domains a[aria-current]{border-color:var(--fg);background:var(--fg);color:var(--bg)}
.vp-step > .vp-hint{display:flex;gap:8px;margin-top:12px;font-size:13px;color:var(--fg-3)}
.vp-hint .i{width:14px;height:14px;margin-top:2px}
.vp-rec{margin-top:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-2)}
.vp-rec > div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;padding:10px 12px 10px 16px}
.vp-rec > div + div{border-top:1px solid var(--line)}
.vp-rec dt{padding-top:5px;font-size:13px;color:var(--fg-3)}
.vp-rec dd{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}
.vp-rec dd > code{padding-top:4px;font-size:13px}
.vp-val{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%}
.vp-val code{font-size:13px;color:var(--fg);overflow-wrap:anywhere}
.vp-full{flex-basis:100%;font-size:13px;color:var(--fg-3)}
.vp-full code{font-size:12.5px;color:var(--fg-2);overflow-wrap:anywhere}
.vp-roles{margin-top:10px;font-size:13px;color:var(--fg-3)}
.vp-step > .vp-alt{margin-top:10px;font-size:14px}
.vp-code{font-weight:500;word-break:break-all}
.vp-val .btn{margin-left:6px}
.vp-form{margin-top:16px}
.vp-step > .form-fine{font-size:13px;color:var(--fg-3);text-align:left}
.vp-more{margin-top:48px}
@media (max-width:559px){
  .vp-find{padding:16px}
  .vp-listing{padding:14px 16px}
  .vp-done{margin:0 16px 14px}
  .vp-rec > div{grid-template-columns:1fr;gap:4px}
  .vp-rec dt{padding-top:0}
  .vp-val:has(.vp-code){flex-wrap:wrap;gap:8px}
  .vp-val .vp-code{flex-basis:100%}
  .vp-val .btn{margin-left:0}
  .vp-form .btn{width:100%}
}
@media (forced-colors:active){.vp-domains a[aria-current]{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}}