@layer connect.components {
 .evidence-visual {margin-block:0}
 .evidence-visual img {display:block;width:100%;height:auto;max-height:780px;object-fit:cover;border-radius:.5rem}
 .evidence-visual figcaption {padding:1.25rem 0;color:var(--muted);font-size:10px;line-height:1.7}
 .evidence-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
 .evidence-grid article {padding:clamp(1.5rem,3vw,3rem);border:1px solid var(--line);min-width:0;display:flex;flex-direction:column;align-items:start}
 .evidence-grid article h3 {font:clamp(1.8rem,3vw,3rem)/1.1 var(--display);margin:1.5rem 0}
 .evidence-grid article p {line-height:1.75;color:var(--muted);margin:0 0 1.5rem}
 .evidence-grid article .button {margin-top:auto}
 .evidence-grid details {border-top:1px solid var(--line);padding-top:1rem;width:100%}
 .evidence-grid summary {cursor:pointer;color:var(--red)}
 .evidence-grid details p {margin-top:1rem}
 .evidence-overview .section-head>p {max-width:620px}
 @media(max-width:900px) {.evidence-grid {grid-template-columns:1fr 1fr}}
 @media(max-width:600px) {.evidence-grid {grid-template-columns:1fr}}
}

