/* Real report previews shared by the home page, analysis service and examples. */
.report-preview-section, .report-example, .report-reader-section { scroll-margin-top: 108px; }
.report-preview-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); align-items: center; gap: clamp(30px,5vw,72px); }
.report-preview-copy { grid-column: 2; grid-row: 1; min-width: 0; }
.report-preview-copy h2 { max-width: 620px; }
.report-preview-copy > p:not(.eyebrow):not(.report-example-note) { max-width: 620px; font-size: 18px; line-height: 1.8; }
.report-preview-copy > .button { margin-top: 25px; }
.report-preview-topics { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 24px 0 0; padding: 0; }
.report-preview-topics li { padding: 5px 10px; border: 1px solid #3c586d; border-radius: 4px; color: #bdd3df; font-size: 12px; line-height: 1.6; }
.report-preview-figure { grid-column: 1; grid-row: 1; min-width: 0; margin: 0; overflow: hidden; border: 1px solid #3a5872; border-radius: 8px; background: #0d1d30; box-shadow: 0 24px 65px #0003; }
.report-preview-bar { padding: 13px 17px; border-bottom: 1px solid #2c435c; color: #c4d7e4; background: #14283c; font: 12px/1.7 var(--mono); letter-spacing: .025em; }
.report-page-link { display: block; background: #E8F0F4; }
.report-page-link img { display: block; width: 100%; height: auto; }
.report-portrait .report-page-link img { max-height: 560px; object-fit: contain; background: #E8F0F4; }
.report-page-link:focus-visible { outline-offset: -5px; }
.report-preview-figure figcaption { margin: 0; padding: 13px 17px; border-top: 1px solid #2c435c; color: #a6bed1; font-size: 12px; line-height: 1.7; }
.report-example { padding-top: 10px; }
.report-example-subtitle { color: #d7e6ef; }
.report-file-facts { display: flex; flex-wrap: wrap; gap: 20px 30px; margin: 24px 0 0; }
.report-file-facts div { min-width: 74px; }
.report-file-facts dt { color: #91acbf; font-size: 12px; }
.report-file-facts dd { margin: 4px 0 0; color: #e2edf4; font-size: 15px; }
.report-example-note { margin: 22px 0 0; color: #96b1c4; font-size: 13px; line-height: 1.8; }
.report-reader-section { padding-top: 28px; }
.report-reader-heading { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 20px 30px; margin-bottom: 28px; }
.report-reader-heading h2 { margin-bottom: 0; }
.report-reader-heading .text-link { padding-block: 7px; }
.report-pdf-viewer { display: block; width: 100%; height: 78vh; min-height: 520px; max-height: 920px; border: 1px solid #3a5872; border-radius: 8px; background: #162739; }
.report-reader-note { max-width: 800px; margin: 16px 0 0; color: #96b1c4; font-size: 13px; line-height: 1.8; }
@media (max-width: 900px) {
  .report-preview-grid { grid-template-columns: 1fr; gap: 30px; }
  .report-preview-copy { grid-column: 1; grid-row: 2; }
  .report-preview-figure { grid-column: 1; grid-row: 1; }
  .report-preview-figure { width: 100%; max-width: 760px; }
  .report-preview-copy > p:not(.eyebrow):not(.report-example-note) { font-size: 17px; }
}
@media (max-width: 600px) {
  .report-preview-grid { gap: 26px; }
  .report-preview-bar { padding: 11px 13px; font-size: 11px; }
  .report-preview-figure figcaption { padding: 11px 13px; }
  .report-preview-copy > p:not(.eyebrow):not(.report-example-note) { font-size: 16px; }
  .report-file-facts { gap: 16px 24px; }
  .report-example .button-row .button { width: 100%; }
  .report-reader-heading { align-items: start; }
  .report-pdf-viewer { height: 70vh; min-height: 420px; }
}