/* T14 Evidence review - Lion's mane (Figma 31:1341). Page layout only; tokens from css/v2. */
.ev-hero { padding: 28px 0 48px; }
.ev-hero > .psb-container > * + * { margin-top: 14px; }
.ev-title { font-size: clamp(2.25rem, 1.4rem + 3.2vw, 3.75rem); line-height: 1.1; color: var(--text-primary); }
.ev-hero .psb-avatar { width: 40px; height: 40px; }

.ev-meters { list-style: none; margin: 0; padding: 0; display: grid; gap: 20px; }
.ev-meters .psb-meter { grid-template-columns: 320px auto 120px minmax(0, 1fr); padding: 16px 24px; }
.psb .ev-meters .psb-meter__claim { font: 700 17px/1.35 var(--font-body); }
.ev-grade { font: 500 14px/1.3 var(--font-mono); color: var(--text-primary); }
.ev-basis { font-size: var(--fs-body-s); color: var(--text-secondary); }
@media (max-width: 1100px) { .ev-meters .psb-meter { grid-template-columns: 1fr auto; gap: 8px 16px; } .ev-meters .psb-meter__claim { grid-column: 1 / -1; } .ev-basis { grid-column: 1 / -1; } }
@media (max-width: 500px) { .ev-meters .psb-meter__dots i { width: 36px; } }

.ev-say { padding: 28px 30px; gap: 10px; }
.psb .ev-say h2 { font-size: 26px; }
.ev-say ul { margin: 0; padding: 0 0 0 1.2em; display: grid; gap: 10px; color: var(--ink-700); }

.ev-wrap { border-radius: var(--radius-card); }
.ev-wrap:focus-visible { outline: 3px solid var(--sky-600); outline-offset: 3px; }
.ev-table { min-width: 720px; }
.ev-table td:first-child, .ev-table th:first-child { width: 80px; }
.psb .ev-note { margin-top: 14px; }

.ev-law { display: grid; gap: 10px; }
.psb .ev-law h2 { max-width: 1280px; font-size: clamp(1.25rem, 1rem + 1vw, 1.625rem); line-height: 1.2; }

.ev-choose { display: grid; grid-template-columns: 400px minmax(0, 1fr); gap: 48px; align-items: start; }
.ev-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; font-size: 17px; color: var(--text-secondary); }
.ev-checks li::before { content: "✓"; margin-right: 12px; color: var(--text-primary); }
@media (max-width: 1000px) { .ev-choose { grid-template-columns: 1fr; gap: 28px; } }

/* Page-local workarounds for shared specificity issues (".psb h2/h3/p" beat
   single-class components). Candidates for templates.css - see report. */
.psb h2.psb-overline, .psb h3.psb-overline { font: 700 var(--fs-caption)/1.33 var(--font-body); letter-spacing: .06em; text-transform: uppercase; }
.psb h3.psb-card__title { font: 700 19px/1.32 var(--font-body); }
.psb .psb-disclosure { display: block; }
.psb .psb-disclosure::before { margin-right: 8px; }
@media (max-width: 600px) { .psb .psb-grid { --cols: 1 !important; } } /* components.css :not() rule outranks its own 600px rule */