/* The verify page (uses the site's tokens from /site.css; no inline styles, per the Content-Security-Policy) */
body.verify { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
.verify-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; width: 100%; max-width: 60rem; margin: 0 auto; padding: 1.25rem 1.5rem; }
.verify-head .brand { font-size: 1.1rem; }
.verify-head .lang { padding: .5rem .25rem; min-height: 44px; display: inline-flex; align-items: center; }
.verify-main { flex: 1; width: 100%; max-width: 44rem; padding: 0 1.5rem 3rem; }
.verify-main p, .verify-main li { max-width: none; }
.verify-foot { display: flex; flex-wrap: wrap; justify-content: center; gap: .25rem 1.25rem; padding: 1.5rem; font-size: .9rem; color: var(--muted); }
.verify-foot a { color: var(--muted); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.promise { background: var(--card); border: 1px solid var(--line); border-radius: .75rem; padding: .25rem 1.1rem 1rem; margin: 1.5rem 0; }
.promise h2 { margin-top: .9rem; }
.drop { border: 2px dashed var(--line); border-radius: .9rem; padding: 2rem 1rem; text-align: center; background: var(--card); margin: 1.5rem 0; }
.drop.over { border-color: var(--accent); }
.drop p { margin: .75rem auto 0; }
.drop .button { cursor: pointer; }
input.sr-only:focus-visible + .button { outline: 3px solid var(--accent); outline-offset: 3px; }
.result { border: 1px solid var(--line); border-left-width: 6px; border-radius: .75rem; background: var(--card); padding: 1rem 1.25rem; margin: 1.5rem 0; }
.result.ok { border-left-color: var(--ring-green); }
.result.bad { border-left-color: var(--ring-coral); }
.result.warn { border-left-color: var(--ring-orange); }
.result.info, .result.working { border-left-color: var(--ring-blue); }
.result .title { font-size: 1.25rem; margin: 0 0 .5rem; }
.result .title:focus { outline: none; }
.result .title:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.icon { display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 2px solid currentColor; font-size: .95rem; font-weight: 700; vertical-align: .1em; }
.file-name { overflow-wrap: anywhere; margin-top: 0; }
progress { display: block; width: 100%; height: 1rem; accent-color: var(--accent); }
.facts { display: grid; grid-template-columns: max-content 1fr; gap: .5rem 1.25rem; margin: 1rem 0; }
.facts dt { font-weight: 600; }
.facts dd { margin: 0; overflow-wrap: anywhere; }
.facts p { margin: .25rem 0 0; }
.small { font-size: .9rem; }
code.fp { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .95rem; overflow-wrap: anywhere; }
.problems { padding-left: 1.25rem; overflow-wrap: anywhere; }
.actions { margin: 1rem 0 0; }
.verify-main .button { border: 2px solid var(--accent); font: inherit; font-weight: 600; cursor: pointer; }
.verify-main .button.secondary { background: transparent; color: var(--accent); }
.keys { padding-left: 1.25rem; }
pre.code { overflow-x: auto; background: var(--card); border: 1px solid var(--line); border-radius: .5rem; padding: .75rem 1rem; font-size: .85rem; line-height: 1.5; }
pre.code:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
button.linklike { color: var(--accent); min-height: 44px; padding: .25rem .5rem; }
@media (max-width: 30rem) { .facts { grid-template-columns: 1fr; gap: .1rem; } .facts dd { margin-bottom: .75rem; } }
@media (forced-colors: active) { .result { border-left-color: CanvasText; } }