/* Search-visible visual transcripts for selected MicellDD Journal videos. */
.video-transcript {
  margin: 20px 0 0;
  border: 1px solid #c9d9df;
  background: #fff;
}
.video-transcript summary {
  position: relative;
  padding: 16px 48px 16px 18px;
  color: #163a52;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}
.video-transcript summary::-webkit-details-marker { display: none; }
.video-transcript summary::after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 18px;
  color: #4c9b57;
  font: 22px/1 var(--mono);
  transform: translateY(-52%);
}
.video-transcript[open] summary { border-bottom: 1px solid #d5e1e5; }
.video-transcript[open] summary::after { content: '−'; }
.video-transcript ol {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 17px 24px 20px 44px;
  color: #496778;
  font-size: 13px;
  line-height: 1.6;
}
.video-transcript li::marker { color: #4c9b57; font-family: var(--mono); font-size: 10px; }
@media (max-width: 720px) {
  .video-transcript { margin-top: 16px; }
  .video-transcript summary { padding: 14px 42px 14px 15px; font-size: 13px; }
  .video-transcript summary::after { right: 15px; }
  .video-transcript ol { padding: 15px 18px 18px 37px; font-size: 12px; }
}