.matching-samples-page { max-width: 1100px; }
.matching-samples-nav { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin: 1rem 0; }
.matching-samples-download { display: inline-block; padding: .7rem 1rem; border: 1px solid currentColor; border-radius: .4rem; }
.matching-sample-list { display: grid; gap: 1rem; }
.matching-sample { padding: 1.1rem; border: 1px solid #cbd5e1; border-radius: .5rem; min-width: 0; }
.matching-sample header { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem; }
.matching-sample h3 { margin: 0; }
.matching-sample-status { font-size: .9rem; }
.matching-sample[data-decision="CASE"], .matching-sample[data-decision="CONTROL"] { border-left: 4px solid #28755b; }
.matching-sample[data-decision="UNCERTAIN"] { border-left: 4px solid #b7791f; }
.matching-sample[data-decision="EXCLUDED"] { border-left: 4px solid #64748b; }
.matching-sample summary { cursor: pointer; font-weight: 600; padding: .45rem 0; }
.matching-sample p, .matching-sample li, .matching-sample dd { overflow-wrap: anywhere; }
.matching-sample dt { font-weight: 600; margin-top: .7rem; }
.matching-sample dd { margin-left: 0; white-space: pre-wrap; }
.matching-sample pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 24rem; overflow: auto; padding: .75rem; background: #f8fafc; }
.matching-sample-criteria > li { margin-bottom: .7rem; }