/* Evals field guide: the existing site palette, with real recorded interfaces. */
.evals-page .eval-byline { color: var(--soft); font: .8rem/1.6 var(--mono); margin-bottom: 28px; }
.evals-page .page-hero p { max-width: 72ch; }
.eval-section .plate-head .kicker { margin-bottom: 10px; }
.eval-section .tool-prose { max-width: 78ch; }
.eval-section .tool-prose p { overflow-wrap: anywhere; }
.eval-figure { margin: 32px 0; }
.eval-image-frame { overflow: hidden; border: 1px solid var(--line-2); border-radius: var(--radius); background: var(--card); }
.eval-image-frame img { display: block; width: 100%; height: auto; }
.eval-image-frame--tall { max-height: 700px; }
.eval-figure figcaption { margin-top: 12px; color: var(--soft); font-size: .86rem; line-height: 1.65; }
.eval-figure figcaption a { display: inline-flex; align-items: center; min-height: 44px; color: var(--cream); }
.eval-report { max-width: 100%; padding: 20px; border: 1px solid var(--line-2); border-radius: var(--radius); background: var(--card); color: var(--cream); font: .8rem/1.65 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; overflow: auto; }
.eval-report:focus-visible { outline: 2px solid var(--brass); outline-offset: 4px; }
.evals-feature-card { margin-bottom: 18px; border-top: 2px solid var(--brass); }
.evals-crosslink { padding: 18px 22px; margin-bottom: 28px; border: 1px solid var(--line-2); border-radius: var(--radius); background: var(--card); }
.evals-crosslink p { margin: 0; }
.evals-crosslink a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 600px) { .eval-image-frame--tall { max-height: 600px; } .eval-report { padding: 14px; font-size: .72rem; } }