/* verify + admin pages use a narrower column: header aligns to it */
:root { --container: 828px; }
.vtitle { font: 26px var(--display); color: #fff; letter-spacing: 1px; margin-left: 6px; }
.verify { max-width: 860px; margin: 22px auto; padding: 0 16px; display: flex; flex-direction: column; gap: 22px; }
.verify h2 { font: 26px var(--display); color: var(--navy); letter-spacing: 1px; margin: 0 0 8px; }
.verify h3 { font: 22px var(--display); color: var(--navy); letter-spacing: 1px; margin: 0 0 10px; text-transform: none; }
.verify p { margin: 0 0 12px; color: var(--ink-soft); }
.vform { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.vform label { font: 10px var(--pixel); color: var(--navy); }
.vform input { width: 140px; font: 900 20px var(--body); padding: 8px 12px; border-radius: 10px; border: 3px solid var(--shadow); }
.checks { list-style: none; padding: 0; margin: 0 0 14px; display: flex; flex-direction: column; gap: 8px; }
.checks li { display: grid; grid-template-columns: 28px 1fr; gap: 4px 8px; background: #fff; border: 2px solid #e6dcb8; border-radius: 10px; padding: 10px 12px; }
.checks li b { font-size: 18px; }
.checks li.ok b { color: var(--grass); }
.checks li.bad b { color: var(--red); }
.checks li.pending b { color: var(--ink-soft); }
.checks li small { grid-column: 2; color: var(--ink-soft); }
.drawn img { max-width: 220px; border-radius: 10px; border: 4px solid var(--yellow); margin: 4px 0 12px; }
.raw { display: grid; grid-template-columns: max-content 1fr; gap: 6px 14px; font-size: 13px; margin: 10px 0; }
.raw dt { color: var(--ink-soft); }
.raw dd { margin: 0; font-family: ui-monospace, Menlo, monospace; word-break: break-all; }
details summary { cursor: pointer; font-weight: 800; color: var(--navy); }
.verify code { font-size: 12px; background: #fff; padding: 1px 4px; border-radius: 4px; color: var(--navy); }
@media (max-width: 560px) { .raw { grid-template-columns: 1fr; } }