/* Scoped component styles; the presentation owns the section's placement. */
.evidence{padding:clamp(18px,1.5cqw,30px);display:grid;gap:.8cqw;background:#e8ece3;border:1px solid #bbcbb657;border-radius:18px}
.evidence .evidenceViewHeading>span{font-size:clamp(10px,.62cqw,14px);letter-spacing:.12em;color:#627d6b}
.evidence .evidenceViewHeading h3{font-size:clamp(19px,1.3cqw,28px);line-height:1.2;font-weight:500;color:#294f45;margin:.35em 0 .15em;letter-spacing:-.025em}
.evidence [data-evidence-diagram]{min-width:0;line-height:0}
.evidence .evidenceDiagram{display:block;width:100%;height:auto;overflow:visible}
.evidence .evPanel{fill:#f9faf3;stroke:#b7cbb653;stroke-width:1}
.evidence .evSampleTitle{font:500 17px 'Segoe UI',Arial,sans-serif;fill:#345c50}
.evidence .evAttribute{font:17px 'Segoe UI',Arial,sans-serif;fill:#406356}
.evidence .evDetail{font:15px 'Segoe UI',Arial,sans-serif;fill:#5c7666}
.evidence .evHeavy,.evidence .evLight{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:12}
.evidence .evHeavy{stroke:#65bba7}.evidence .evLight{stroke:#ef997d;stroke-width:8}
.evidence .evSugars{fill:#d9b366;stroke:#b8914c;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.evidence .evLeader{fill:none;stroke:#c1a779;stroke-width:1.2;stroke-dasharray:3 4}
.evidence .evCompare{fill:none;stroke:#7b9784;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.evidence .evProtein,.evidence .evCluster{fill:#e7a28a;stroke:#bb7e66;stroke-width:1.2}.evidence .evDot{fill:#839792}
.evidence .evClock{fill:none;stroke:#6b998b;stroke-width:2;stroke-linecap:round}
.evidence .evQuestionLink{fill:none;stroke:#718f84;stroke-width:1.5;stroke-dasharray:3 4}.evidence .evQuestion{font:18px Georgia,serif;fill:#698275}
.evidence .evTarget{fill:#e5bd76;stroke:#af8a4c;stroke-width:1.5}
.evidence .evEvidenceCard{fill:#edf2e8;stroke:#ccdac7;stroke-width:1}.evidence .evStructureDot{fill:#b19bd3}.evidence .evPhysicalDot{fill:#70a8bd}.evidence .evFunctionDot{fill:#b69a65}
.evidence .evidenceLayers{display:grid;grid-template-columns:1fr 1fr;gap:.45cqw;margin:0}
.evidence .evidenceLayers button{display:grid;grid-template-columns:1.8em 1fr 1em;gap:.35em;align-items:center;padding:.7em .65em;border:1px solid #aac0a659;border-radius:6px;text-align:left;color:#557362;font-size:clamp(13px,.83cqw,18px);line-height:1.2;background:#f1f4eb}
.evidence .evidenceLayers button span:first-child{color:#79907b;font-size:.75em}
.evidence .evidenceLayers button span:last-child{color:#9b845d;text-align:right}
.evidence .evidenceLayers button.active{background:#fbfcf5;border-color:#658a725e;color:#264e3e;box-shadow:inset 3px 0 #61886c}
.evidence .evidenceLayers button:hover{background:#fbfcf5;color:#244e3f}
.evidence .evidenceLayers button:focus-visible{outline:2px solid #a16e47;outline-offset:3px}
.evidence .evidenceCaption{font-size:clamp(14px,.86cqw,19px);line-height:1.45;color:#335d4c;margin:.3em 0 0;min-height:2.9em}
.evidence .evidenceCaution{font-size:clamp(11px,.68cqw,15px);line-height:1.4;color:#627b69;border-top:1px solid #b2c3ab6b;padding-top:.7em;margin:0}
@media(max-aspect-ratio:1/1){.evidence{padding:3cqw;gap:2cqw}.evidence .evidenceViewHeading>span{font-size:9px}.evidence .evidenceViewHeading h3{font-size:16px}.evidence .evidenceLayers{gap:1.5cqw}.evidence .evidenceLayers button{font-size:11px;padding:.7em .5em}.evidence .evidenceCaption{font-size:12px;min-height:0}.evidence .evidenceCaution{font-size:10px}}