/* Certificate pages (claim, verify, find). Uses the site's colour tokens, so it follows light and dark mode. */
.cert-result { text-align: center; padding: 40px 24px; border: 1px solid var(--rule); border-radius: 16px; background: var(--bg); max-width: 720px; margin: 0 auto; }
.cert-result-icon { width: 64px; height: 64px; margin: 0 auto 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 700; }
.cert-result--valid .cert-result-icon { background: var(--status-live-pale); color: var(--status-live); }
.cert-result--expired .cert-result-icon { background: var(--accent-pale); color: var(--accent-deep); }
.cert-result--revoked .cert-result-icon,
.cert-result--notfound .cert-result-icon { background: rgba(200, 30, 30, 0.12); color: #c81e1e; }
.cert-result h2 { margin: 0 0 8px; }
.cert-result > p { color: var(--ink-soft); margin: 0 auto 8px; max-width: 560px; }
.cert-details { display: grid; grid-template-columns: 170px 1fr; gap: 8px 16px; text-align: left; margin: 24px auto 0; max-width: 560px; }
.cert-details dt { color: var(--ink-muted); }
.cert-details dd { margin: 0; font-weight: 600; word-break: break-word; }
.cert-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 24px; }
.cert-badge { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 0.8rem; font-weight: 700; }
.cert-badge--valid { background: var(--status-live-pale); color: var(--status-live); }
.cert-badge--expired { background: var(--accent-pale); color: var(--accent-deep); }
.cert-badge--revoked { background: rgba(200, 30, 30, 0.12); color: #c81e1e; }
@media (max-width: 640px) { .cert-details { grid-template-columns: 1fr; gap: 2px; } .cert-details dd { margin-bottom: 10px; } }