/* Shared sample-report excerpt. Counts and evidence come from the Oct 24 PDF. */
.sample-label { font: 600 12px/1.6 var(--mono); color: var(--teal); letter-spacing: .06em; }
.sample-counts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 44em; margin: 24px 0 18px; }
.sample-counts > div { border-top: 1px solid var(--line); padding-top: 14px; }
.sample-counts dt { font: 500 12px/1.6 var(--mono); color: var(--muted); }
.sample-counts dd { margin: 4px 0 0; font: 700 28px/1.2 var(--display); }
.sample-finding { margin: 28px 0; padding: 26px; background: var(--card); border: 1px solid var(--line); border-left: 3px solid var(--red); }
.sample-finding-head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.sample-finding h3 { font: 700 22px/1.2 var(--display); margin: 0; }
.sample-verdict { font: 600 12px/1.4 var(--mono); color: var(--red); background: var(--red-bg); border: 1px solid var(--red); padding: 5px 10px; white-space: nowrap; }
.sample-context { color: var(--muted); font-size: 14px; }
.sample-finding summary { cursor: pointer; font-size: 15px; text-decoration: underline; text-underline-offset: 3px; }
.sample-finding summary:focus-visible { outline: 3px solid var(--teal); outline-offset: 3px; }
.sample-finding pre { padding: 18px; margin: 18px 0; background: var(--paper); white-space: pre-wrap; overflow-wrap: anywhere; }
.sample-finding details p { font-size: 14px; margin-bottom: 0; }
.sample-summary { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 28px; padding: 26px 0 8px; border-top: 1px solid var(--line); }
.sample-summary .sample-score { font: 700 clamp(36px, 6vw, 54px)/1.15 var(--display); letter-spacing: -.04em; margin-bottom: 10px; }
.sample-score span { color: var(--muted); }
.sample-verdict-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 18px; }
.sample-verdict-counts > div { display: flex; flex-direction: column; align-items: center; padding: 16px 12px; border: 1px solid var(--line); }
.sample-verdict-counts > div + div { border-left: 0; }
.sample-verdict-counts dt { font: 600 10px/1.6 var(--mono); color: var(--teal); }
.sample-verdict-counts > div:nth-child(2) dt { color: var(--red); }
.sample-verdict-counts > div:nth-child(3) dt { color: var(--amber); }
.sample-verdict-counts dd { order: -1; margin: 0 0 4px; font: 700 26px/1.2 var(--display); }
@media (max-width: 820px) { .sample-summary { grid-template-columns: 1fr; gap: 8px; } .sample-verdict-counts { max-width: 30em; } }
@media (max-width: 640px) { .sample-finding { padding: 20px; } .sample-counts { gap: 16px; } .sample-verdict-counts > div { padding: 14px 6px; } }