body[data-page="report-sample"] { background: var(--fr-paper); color: var(--fr-ink); letter-spacing: 0; }
.sample-intro, .sample-excerpts, .sample-comparison, .sample-contents, .sample-reading-guide, .sample-ending { width: min(1080px, calc(100% - 80px)); margin-inline: auto; }
.sample-intro { padding: 32px 0 56px; }
.sample-breadcrumb { display: flex; align-items: center; gap: 12px; margin-bottom: 40px; font-size: .875rem; color: var(--fr-muted); }
.sample-breadcrumb a, .sample-method a, .sample-reading-guide a, .sample-compare-link a, .sample-comparison > .text-link, .sample-contents > .text-link { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
.sample-intro h1 { max-width: 880px; margin: 16px 0 24px; font: 600 3rem/1.25 var(--font-ui); letter-spacing: 0; overflow-wrap: anywhere; }
.sample-lead { max-width: 680px; color: var(--fr-muted); font-size: 1.125rem; line-height: 1.8; }
.sample-disclosure { max-width: 680px; margin: 24px 0 0; padding-left: 18px; border-left: 2px solid var(--fr-line); color: var(--fr-muted); font-size: 1rem; line-height: 1.8; }
.sample-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; margin-top: 28px; }
.sample-actions .primary-btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 28px; min-width: 0; max-width: 100%; min-height: 48px; font-size: 1rem; }
#sample-report, .sample-excerpt, .sample-comparison, .sample-reading-guide { scroll-margin-top: 112px; }
.sample-excerpts, .sample-comparison, .sample-contents, .sample-reading-guide, .sample-ending { padding: 48px 0 56px; border-top: 1px solid var(--fr-line); }
.sample-excerpts h2, .sample-comparison h2, .sample-contents h2, .sample-reading-guide h2, .sample-ending h2 { max-width: 800px; margin: 16px 0 28px; font: 600 2rem/1.4 var(--font-ui); letter-spacing: 0; }
.sample-excerpts h2 { font-family: var(--font-editorial, Georgia, serif); font-weight: 500; }
.sample-excerpt { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 40px; padding: 28px 0; }
.sample-excerpt + .sample-excerpt { border-top: 1px solid var(--fr-line); }
.sample-excerpt h3 { margin: 4px 0 0; font: 500 1rem/1.8 var(--font-ui); color: var(--fr-muted); }
.sample-excerpt blockquote { margin: 0; padding: 0; border: 0; min-width: 0; }
.sample-excerpt blockquote p { max-width: 760px; margin: 0; font: 400 1.25rem/1.9 var(--font-ui); }
.sample-excerpt[data-sample-excerpt="portrait"] blockquote p { font-family: var(--font-editorial, Georgia, serif); font-size: 1.75rem; line-height: 1.7; }
.sample-excerpt-note { max-width: 760px; margin: 16px 0 0; color: var(--fr-muted); font-size: 1rem; line-height: 1.8; }
.sample-compare-link { margin: 24px 0 0; font-size: 1rem; }
.sample-comparison p { max-width: 760px; font-size: 1rem; line-height: 1.9; }
.sample-comparison-lead { color: var(--fr-muted); }
.sample-comparison-identity { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 24px; margin: 28px 0; }
.sample-comparison-identity strong { color: var(--fr-ink); font-weight: 600; }
.sample-comparison-identity span { color: var(--fr-muted); }
.sample-comparison-table { width: 100%; max-width: 760px; table-layout: fixed; border-collapse: collapse; font-size: 1rem; }
.sample-comparison-table caption { text-align: left; color: var(--fr-muted); font-size: 1rem; margin-bottom: 12px; line-height: 1.7; }
.sample-comparison-table th, .sample-comparison-table td { padding: 16px 12px; text-align: center; border-bottom: 1px solid var(--fr-line); overflow-wrap: anywhere; }
.sample-comparison-table th:first-child { width: 50%; text-align: left; padding-left: 0; font-weight: 500; }
.sample-comparison-table thead th { font-weight: 600; }
.sample-comparison-readings { max-width: 760px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin: 28px 0; }
.sample-comparison-readings h3 { margin: 0 0 12px; font: 600 1.0625rem/1.5 var(--font-ui); }
.sample-comparison-readings p { margin: 0; }
.sample-comparison-takeaway { margin: 28px 0 20px; }
.sample-comparison .sample-comparison-note { color: var(--fr-muted); font-size: 1rem; margin-bottom: 24px; }
.sample-contents ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; max-width: 900px; padding: 0; margin: 0 0 28px; list-style: none; }
.sample-contents li { padding: 16px 0; border-bottom: 1px solid var(--fr-line); font-size: 1.0625rem; line-height: 1.7; overflow-wrap: anywhere; }
.sample-reading-guide > div { max-width: 760px; }
.sample-reading-guide h3 { margin: 28px 0 12px; font: 600 1.125rem/1.6 var(--font-ui); }
.sample-reading-guide p { margin: 0; color: var(--fr-muted); font-size: 1rem; line-height: 1.9; }
.sample-ending > p:not(.eyebrow) { max-width: 680px; color: var(--fr-muted); font-size: 1rem; line-height: 1.8; }
.sample-method { margin-top: 28px; }
@media (max-width: 760px) {
  .sample-intro, .sample-excerpts, .sample-comparison, .sample-contents, .sample-reading-guide, .sample-ending { width: calc(100% - 40px); }
  .sample-intro { padding: 24px 0 40px; }
  .sample-intro h1 { font-size: 2.25rem; }
  .sample-breadcrumb { margin-bottom: 28px; }
  .sample-lead { font-size: 1.0625rem; }
  .sample-excerpts, .sample-comparison, .sample-contents, .sample-reading-guide, .sample-ending { padding: 36px 0 40px; }
  .sample-excerpts h2, .sample-comparison h2, .sample-contents h2, .sample-reading-guide h2, .sample-ending h2 { font-size: 1.625rem; }
  .sample-excerpt { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 24px 0; }
  .sample-excerpt blockquote p { font-size: 1.125rem; }
  .sample-excerpt[data-sample-excerpt="portrait"] blockquote p { font-size: 1.5rem; }
  .sample-comparison-readings { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .sample-contents ul { grid-template-columns: minmax(0, 1fr); }
}