/* Report pages on the new site style: serif headlines, light surfaces. Loads after diagnostic.css and lead-magnets.css. */

.diag-h1, .diag-h2, .r-title, .r-h2, .r-h3,
.lm-section-head, .lm-principles h2, .lm-cta h3, .lm-team-panel h3,
.lm-score-hero .lm-tier-title {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -0.02em;
  color: var(--ink);
}
.lm-score-hero .lm-score-num, .lm-razor-compare .lm-rc-num, .lm-team-num, .lm-signal-val {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -0.02em;
}
body.diagnostic-body { background: var(--paper); color: var(--ink); }
body.diagnostic-body ::selection { background: rgba(14, 95, 104, 0.18); color: var(--ink); }
.diag-screen { min-height: calc(100vh - 64px); padding-top: 72px; }
.lm-toast { box-shadow: 0 10px 30px rgba(17, 17, 17, 0.12); }

/* Buttons and pills match the site: ink pill, quiet tag */
.diag-btn-primary {
  background: var(--ink); color: var(--paper);
  border-radius: 999px; font-family: var(--sans); font-weight: 500; letter-spacing: 0;
  text-transform: none; box-shadow: none;
}
.diag-btn-primary:hover { background: var(--accent); color: var(--paper); box-shadow: none; }
.diag-pill {
  background: transparent; border-color: var(--rule); color: var(--ink-soft);
  text-transform: none; letter-spacing: 0; font-weight: 500;
}
.diag-pill-dot { background: var(--accent); box-shadow: none; }