/* Keep the existing desktop palette; give the expanded catalogue room to breathe. */
.lab-mobile-help { display: none; }
.lab-board .lab-folder {
  width: 146px;
  height: 98px;
}

.lab-board .folder-label {
  max-width: 146px;
  padding: 4px 6px;
  font-size: 11px;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
}

.folder-1 { left: 5%; top: 12%; }
.folder-2 { left: 36%; top: 13%; }
.folder-3 { left: 65%; top: 11%; }
.folder-4 { left: 10%; top: 34%; }
.folder-5 { left: 39%; top: 37%; }
.folder-6 { left: 68%; top: 33%; }
.folder-7 { left: 3%; top: 56%; }
.folder-8 { left: 33%; top: 59%; }
.folder-9 { left: 63%; top: 57%; }

.lab-board .folder-info {
  position: absolute;
  inset: 50% 0 auto;
  width: min(390px, calc(100% - 32px));
  max-height: calc(100% - 70px);
  margin: 0 auto;
  padding: 0;
  transform: translateY(-50%);
  overflow: auto;
  z-index: 40;
  box-shadow: 10px 10px #000, 12px 12px #ff00b84d;
}

.lab-board .folder-info[open] { display: block; }
.lab-board .folder-info > div { padding: 8px 10px; align-items: center; gap: 12px; }
.lab-board .folder-info > div b { font-size: 14px; overflow-wrap: anywhere; }
.lab-board .folder-close { flex: 0 0 24px; height: 24px; font-size: 18px; line-height: 1; }
.lab-board .folder-info small { padding: 12px 16px 0; color: #5e2866; font-size: 11px; }
.lab-board .folder-info p { padding: 12px 16px; font-size: 14px; line-height: 1.6; }
.lab-board .folder-info .project-collaboration {
  margin: 0 16px 14px;
  padding: 7px 10px;
  border-left: 3px solid var(--pink);
  background: #ff00b812;
  font-weight: bold;
  font-size: 12px;
}
.lab-board .folder-actions { flex-wrap: wrap; padding: 0 16px 16px; }
.lab-board .folder-actions a { font-size: 11px; padding: 8px 10px; }
.lab-board .folder-actions a:focus-visible,
.lab-board .folder-close:focus-visible { outline: 2px solid #00cdea; outline-offset: 3px; }
.lab-board .basement-note { right: 3%; bottom: 24px; padding: 12px; font-size: 13px; }
.lab-board .basement-note b { margin: 0; }
.lab-board .desktop-trash { bottom: 24px; font-size: 42px; }

@media (max-width: 750px) {
  .lab-desktop-help { display: none; }
  .lab-mobile-help { display: block; }
  .lab-board { padding-bottom: 155px; }
  .lab-board .lab-ambient { height: 42px; gap: 6px; align-items: center; }
  .lab-board .lab-ambient span:last-child { max-width: 120px; text-align: right; }
  .lab-board .lab-folder { width: 100%; height: 98px; }
  .lab-board .folder-label { font-size: 12px; }
  .lab-board .folder-info {
    position: fixed;
    inset: 18vh 0 auto;
    width: min(390px, calc(100% - 32px));
    max-height: 65dvh;
    transform: none;
    z-index: 90;
  }
  .lab-board .basement-note { bottom: 35px; }
  .lab-board .desktop-trash { left: 8%; bottom: 35px; }
}