/* Agent score page as a certificate of issue + balanced badge block
   (handoff 2 §8-9, approved 2026-08-22). The page shares the
   certificate's 46rem measure (body.doc-page) so vertical edges align —
   that alignment is most of the document effect. All values route
   through existing tokens; both seams inherit. */
body.doc-page .app-main{max-width:46rem}
.cert{position:relative;max-width:none;margin:0 auto 2.6rem;background:var(--surface);border:1px solid var(--line-10);border-radius:20px;padding:3rem 3.2rem 2.4rem;text-align:center;box-shadow:0 18px 50px var(--shadow-c)}
.cert::before{content:"";position:absolute;inset:10px;border:1px solid var(--accent-35);border-radius:14px;pointer-events:none}
.cert__eyebrow{position:relative;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink3);margin:0 0 1.7rem}
.cert__medal{position:relative;width:150px;height:150px;margin:0 auto 1.5rem;border-radius:50%;border:2px solid var(--accent-35);display:grid;place-items:center}
.cert__medal::before{content:"";position:absolute;inset:9px;border-radius:50%;border:1px solid var(--line-18)}
.cert__score{font-family:var(--font-display);font-size:3.1rem;font-weight:800;color:var(--accent);line-height:1;font-variant-numeric:tabular-nums}
.cert__of{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);margin-top:.4rem}
.cert__kicker{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);margin:0 0 .5rem}
.cert__subject{font-family:var(--font-display);font-size:clamp(1.15rem,2.5vw,1.7rem);font-weight:800;letter-spacing:-.01em;margin:0;word-break:break-all}
.cert__rule{height:1px;background:var(--line-10);margin:1.7rem 0 1.4rem}
.cert__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;text-align:left;margin:0}
.cert__meta dt{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin-bottom:.35rem}
.cert__meta dd{margin:0;font-size:.86rem;color:var(--ink);word-break:break-all}
.cert__meta dd.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}
.cert__foot{margin:1.5rem 0 0;font-size:.78rem;line-height:1.5;color:var(--ink3);text-wrap:pretty}
.badge-card{display:grid;grid-template-columns:minmax(13rem,1fr) minmax(0,1.25fr);gap:1.2rem;align-items:stretch}
.badge-card__preview{background:var(--band);border:1px solid var(--line-10);border-radius:14px;display:grid;place-items:center;align-content:center;gap:.8rem;padding:1.5rem;text-align:center}
.badge-card__preview p{margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.badge-card__code{display:flex;flex-direction:column;gap:.7rem}
.badge-card__code pre.code-block{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.badge-card__hint{margin:0;font-size:.85rem;color:var(--ink2)}
@media(max-width:760px){.cert{padding:2.2rem 1.6rem 1.8rem}.cert__meta{grid-template-columns:1fr}.badge-card{grid-template-columns:1fr}}