/* Draw and verify pages. Everything else comes from app.css. */
.proof-list { margin: 0; padding: 0; }
.proof-row { display: grid; grid-template-columns: 7.5em 1fr; gap: 8px; padding: 8px 0; border-top: 1px solid rgba(128, 128, 128, 0.2); }
.proof-row:first-child { border-top: 0; }
.proof-row dt { font-weight: 600; }
.proof-row dd { margin: 0; overflow-wrap: anywhere; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.9em; }
.checks { list-style: none; margin: 12px 0 0; padding: 0; }
.checks li { display: flex; gap: 10px; align-items: flex-start; padding: 6px 0; border-top: 1px solid rgba(128, 128, 128, 0.2); }
.checks .tick { flex: 0 0 1.4em; font-weight: 700; }
.checks .ok .tick { color: #1a8f4a; }
.checks .fail .tick { color: #c0392b; }
.checks .detail { display: block; opacity: 0.75; font-size: 0.85em; overflow-wrap: anywhere; }
.winner-row { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 10px 0; border-top: 1px solid rgba(128, 128, 128, 0.2); }
.winner-row:first-child { border-top: 0; }
.winner-row.you { background: rgba(255, 200, 61, 0.18); border-radius: 8px; padding: 10px; }
.winner-leaf { opacity: 0.8; }
.status-dot { display: inline-block; width: 0.6em; height: 0.6em; border-radius: 50%; margin-right: 6px; background: #b0b0b0; }
.status-dot.ok { background: #1a8f4a; }
.status-dot.pending { background: #e0a800; }