/* /r/<id>: one paid claim's Hindsight Report, the page an X card links to */
.report-page { min-height: calc(100dvh - 70px); display: grid; align-content: start; gap: 24px; padding: 32px var(--gutter); max-width: 960px; margin: 0 auto; }
.report-page h1 { margin: 0; font: 900 clamp(2rem, 6vw, 3.5rem)/1 var(--display); text-transform: uppercase; }
.report-page h1 b { color: var(--mustard); }
.report-page .card { width: 100%; height: auto; display: block; box-shadow: 0 18px 40px rgba(0, 0, 0, .35); }
.report-page p { margin: 0; color: var(--on-jacket-soft); }
.report-page .actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.report-page .actions a:not(.btn) { color: var(--on-jacket); }