.sample-report-hero { display:grid; grid-template-columns:1.25fr .75fr; gap:56px; align-items:center; background:linear-gradient(110deg,#081724ed,#102330e0),url("../images/midnight-backdrop-optimized.2904d81a2953.webp") center/cover; color:#fffdf8; padding:48px; }
.sample-report-copy h1 { font:500 clamp(2.3rem,4vw,3.7rem)/1.12 var(--serif,Georgia,serif); margin:20px 0; }
.sample-report-copy > p { line-height:1.75; max-width:58ch; }
.sample-report-facts { display:flex; flex-wrap:wrap; gap:28px; list-style:none; padding:24px 0; margin:0; }
.sample-report-facts strong { display:block; font:500 1.8rem var(--serif,Georgia,serif); color:#e2ab8d; }
.sample-report-facts span { display:block; font-size:.8rem; margin-top:6px; }
.sample-report-actions { display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; }
.sample-report-actions .site-btn { width:100%; text-align:center; flex-wrap:wrap; }
.sample-new-tab { font-size:.75rem; }
.sample-report-download { display:inline-flex; flex-wrap:wrap; gap:8px; color:#fffdf8; text-decoration:underline; text-underline-offset:4px; font-size:.85rem; padding:8px 0; }
.sample-report-download span { color:#ced8dc; }
.sample-report-copy .sample-report-scope { font-size:.8rem; color:#ced8dc; margin-top:24px; }
.sample-report-cover { display:block; max-width:390px; width:100%; justify-self:center; box-shadow:0 18px 45px #0004; border:1px solid #ac7f5e; }
.sample-report-cover img { width:100%; height:auto; display:block; }
.sample-report-preview { margin-top:40px; padding:32px; background:#fffdf8; border:1px solid #d7c6b4; }
.sample-report-preview-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; }
.sample-report-preview h2 { font:500 clamp(1.7rem,3vw,2.4rem)/1.2 var(--serif,Georgia,serif); margin:10px 0 16px; }
.sample-report-preview > p { font-size:.9rem; line-height:1.8; color:#58666f; margin:12px 0 24px; }
.sample-page-controls { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px; background:#ede4d4; }
.sample-page-controls[hidden], .sample-page-canvas img[hidden] { display:none; }
.sample-page-controls button { min-height:44px; padding:8px 16px; border:1px solid #58666f; color:#101b2b; background:#fffdf8; }
.sample-page-controls button:disabled { opacity:.45; cursor:default; }
.sample-page-controls select { min-height:44px; padding:8px; background:#fffdf8; color:#101b2b; border:1px solid #58666f; }
.sample-page-controls :focus-visible { outline:3px solid #93452d; outline-offset:3px; }
.sample-page-status { font-size:.8rem; color:#58666f; padding:10px 0; }
.sample-page-canvas { background:#eae0d0; padding:24px; border:1px solid #d7c6b4; }
.sample-page-canvas img { display:block; max-width:850px; width:100%; height:auto; margin:auto; box-shadow:0 4px 20px #101b2b20; }
.sample-report-preview .sample-report-provenance { font-size:.8rem; margin:20px 0 0; }
.sample-report-provenance a { text-decoration:underline; text-underline-offset:3px; }
.sample-report-hero a:focus-visible { outline:3px solid #e2ab8d; outline-offset:5px; }
@media(max-width:900px) { .sample-report-hero { gap:28px; padding:30px; grid-template-columns:1.15fr .85fr; } }
@media(max-width:767px) {
  .sample-report-hero { grid-template-columns:1fr; padding:28px 22px; }
  .sample-report-cover { max-width:340px; }
  .sample-report-facts { gap:20px; }
  .sample-report-preview { padding:24px 20px; margin-top:24px; }
  .sample-page-canvas { padding:0; }
  .sample-page-controls { padding:10px 0; gap:6px; font-size:.85rem; }
  .sample-page-controls button { padding:8px; }
}