/* Keep long project descriptions accessible inside the preview panel. */
.modal-copy {
  max-height: calc(86svh - min(51svh, 520px));
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: #79d8ff #0b1230;
  scrollbar-width: thin;
  touch-action: pan-y;
}

.modal-copy::-webkit-scrollbar { width: 8px; }
.modal-copy::-webkit-scrollbar-track { background: #0b1230; }
.modal-copy::-webkit-scrollbar-thumb { background: linear-gradient(#7b55ff, #68d9ee); border-radius: 99px; }
.modal-copy:focus-visible { outline: 1px solid #81dcff; outline-offset: -5px; }

@media (max-width: 700px) {
  .modal-copy { max-height: calc(90svh - min(51svh, 520px)); }
}