.sample-hero { padding:40px 0 32px; }
.sample-hero h1 { font-size:36px; max-width:760px; }
.report-examples { padding-top:28px; padding-bottom:64px; }
.sample-disclosure { font-size:14px; max-width:880px; color:var(--muted); }
.sample-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-top:28px; border-bottom:1px solid var(--border); padding-bottom:16px; }
.sample-tabs { display:flex; gap:4px; flex-wrap:wrap; }
.sample-tabs a { padding:12px 16px; color:var(--ink); font-weight:600; border-bottom:3px solid transparent; text-decoration:none; }
.sample-tabs a[aria-selected="true"] { border-color:var(--accent); background:var(--bg2); }
.report-examples :focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
.sample-print { display:inline-flex; align-items:center; gap:8px; }
.sample-report-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:36px 0 28px; }
.sample-report-heading h2 { font-size:30px; margin:8px 0; }
.sample-kicker { font:12px 'DM Mono',monospace; text-transform:uppercase; color:var(--muted); margin:0; }
.sample-report-heading p { overflow-wrap:anywhere; }
.sample-summary { padding:24px; background:var(--navy); color:#fff; border-left:4px solid var(--action); }
.sample-summary h3 { color:#fff; font-size:22px; margin:0 0 12px; }
.sample-summary p { color:#e2e9f4; max-width:870px; margin:10px 0 0; }
.sample-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; border-bottom:1px solid var(--border); }
.sample-metrics div { padding:24px 16px; }
.sample-metrics dt { color:var(--muted); font-size:13px; }
.sample-metrics dd { margin:8px 0 0; font:700 30px Archivo,sans-serif; }
.sample-coverage { margin:24px 0; padding:18px 0; border-bottom:1px solid var(--border); }
.report-examples summary { cursor:pointer; font-weight:600; padding:6px 0; }
.sample-coverage li { margin:12px 0; }
.sample-finding { padding:30px 0; border-bottom:1px solid var(--border); }
.sample-finding > header { display:flex; align-items:start; justify-content:space-between; gap:20px; margin-bottom:24px; }
.sample-finding h3,.sample-register h3 { font-size:22px; margin:8px 0 0; }
.sample-finding h4 { font-size:16px; margin:0 0 6px; }
.sample-finding p { margin:0 0 20px; }
.sample-severity { flex:0 0 auto; padding:5px 9px; background:#fff0df; color:#833c08; font:13px 'DM Mono',monospace; border:1px solid #e9be93; border-radius:4px; }
.sample-severity.high { background:#ffebe9; color:#9d2320; border-color:#e8ada8; }
.sample-finding-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; }
.sample-finding figure { margin:0; min-width:0; }
.sample-finding figure img { width:100%; height:auto; border:1px solid var(--border); display:block; }
.sample-finding figcaption { color:var(--muted); font-size:12px; margin-top:10px; }
.sample-finding details { margin-top:20px; }
.sample-finding details p { margin-top:14px; }
.sample-finding li { margin:10px 0; }
.sample-finding code { overflow-wrap:anywhere; }
.sample-next { padding:28px 0 0; }
.sample-next h3 { font-size:22px; }
.sample-next p { max-width:880px; margin:12px 0 20px; }
.sample-register article { padding:28px 0; border-bottom:1px solid var(--border); }
.sample-register p { margin-top:12px; max-width:880px; }
.sample-state { color:var(--accent); font:13px 'DM Mono',monospace; }
.sample-state.resolved { color:#14633f; }
@media(max-width:700px) {
  .sample-hero h1 { font-size:28px; }
  .sample-report-heading { align-items:start; flex-direction:column; }
  .sample-report-heading h2 { font-size:26px; }
  .sample-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sample-finding-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .sample-summary { padding:20px; }
  .sample-tabs a { padding:10px 9px; font-size:13px; }
  .sample-finding h3 { font-size:20px; }
}
@media print {
  .site-nav,.nav-mobile,.site-footer,.sample-hero,.sample-controls,.sample-next .btn { display:none!important; }
  .report-examples { width:100%; max-width:none; padding:0; font-size:10pt; line-height:1.4; }
  .report-examples p,.report-examples li { font-size:10pt; line-height:1.4; }
  .sample-report-heading h2 { font-size:22pt; }
  .sample-summary h3,.sample-finding h3,.sample-next h3 { font-size:15pt; }
  .sample-summary { padding:14px; }
  .sample-summary p { margin-top:6px; }
  .sample-metrics div { padding:14px 10px; }
  .sample-coverage { margin:12px 0; padding:10px 0; }
  .sample-coverage li,.sample-finding li { margin:6px 0; }
  .sample-finding { padding:12px 0; }
  .sample-finding p { margin-bottom:12px; }
  .sample-finding > header { margin-bottom:16px; }
  .sample-finding details { margin-top:12px; break-inside:avoid; }
  .sample-disclosure { color:#222; border-bottom:1px solid #777; padding-bottom:12px; }
  .sample-report-heading { padding:16px 0; }
  .sample-report-heading > .btn { display:none; }
  .sample-summary { background:#fff; color:#111; border:1px solid #777; }
  .sample-summary h3,.sample-summary p { color:#111; }
  .sample-finding { break-before:page; }
  .sample-finding-grid { display:block; }
  .sample-finding figure { max-width:85mm; margin:12px 0; break-inside:avoid; }
  .sample-finding h4 { break-after:avoid; }
  .sample-register article { break-inside:avoid; }
  .sample-next { display:none; }
  @page { size:A4; margin:16mm;
    @bottom-left { content:'WebTesterPro | Illustrative sample - not a client report'; font:8pt Arial,sans-serif; color:#333; }
    @bottom-right { content:counter(page); font:8pt Arial,sans-serif; color:#333; }
  }
}
.report-examples ol,.report-examples ul { padding-left:24px; }
.report-examples ol { list-style:decimal; }
.report-examples ul { list-style:disc; }