.lab-directory { margin: 0 0 18px; border: 1px solid var(--line); border-radius: 9px; background: #101b22; }
.lab-directory > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 18px; cursor: pointer; font-size: 12px; color: #c4d9d2; list-style: none; }
.lab-directory > summary::-webkit-details-marker { display: none; }
.lab-directory > summary > span:last-child { color: #91aaa9; font-size: 11px; }
.lab-directory summary b { color: var(--mint); margin-left: 10px; font-weight: 400; }
.lab-directory-grid { padding: 4px 18px 18px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.directory-lab { border: 1px solid #2b3c43; border-radius: 8px; padding: 14px; min-width: 0; }
.directory-heading { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.directory-heading h2 { font-size: 13px; font-weight: 500; line-height: 1.8; }
.directory-heading h2 span { color: #78958f; font-size: 10px; margin-right: 8px; }
.directory-heading small { font-size: 9px; color: #8299a1; white-space: nowrap; }
.directory-lab p { color: #91a7af; font-size: 11px; line-height: 1.9; margin-top: 12px; }
.experiment-entry { display: block; padding: 14px 0 4px; width: 100%; text-align: left; border-top: 1px solid #263a41; margin-top: 12px; }
.experiment-entry strong, .experiment-entry span, .experiment-entry em { display: block; }
.experiment-entry strong { font-weight: 500; font-size: 12px; color: #d0e1db; }
.experiment-entry span { font-size: 11px; line-height: 1.8; color: #91a7af; margin-top: 6px; }
.experiment-entry em { font-size: 11px; font-style: normal; color: var(--mint); margin-top: 9px; }
.experiment-entry:hover strong { color: var(--mint); }
@media (max-width: 1000px) { .lab-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .lab-directory-grid { grid-template-columns: minmax(0, 1fr); padding: 0 12px 12px; } .lab-directory > summary { padding: 13px 12px; font-size: 11px; } }