#main_content,
.note-editor {
  font-family: sans-serif;
  line-height: 2rem;
}
#main_content span,
#main_content p,
.note-editor span,
.note-editor p {
  line-height: 1.5rem;
}

.note-editor ul,
#main_content ul {
  list-style-type:disc;
  padding-left: 1.2rem;
}

.note-editor ol, 
#main_content ol {
  list-style-type:decimal;
  padding-left: 1.2rem;
}

.note-editor li, 
#main_content li {
  margin-bottom: 0.1rem;
}

/* YouTube Shorts — responsive 9:16 (editor + form content) */
.youtube-shorts-wrap {
  position: relative;
  width: 100%;
  max-width: 360px;
  margin: 0.75rem auto;
  overflow: hidden;
  background: #000;
  aspect-ratio: 9 / 16;
}

.youtube-shorts-wrap iframe,
.youtube-shorts-wrap .youtube-shorts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  border: 0;
  display: block;
}

/* Fallback if iframe was saved without the wrapper */
iframe.youtube-shorts:not(.youtube-shorts-wrap iframe) {
  display: block;
  width: 100% !important;
  max-width: 360px;
  aspect-ratio: 9 / 16;
  height: auto !important;
  margin: 0.75rem auto;
  border: 0;
  background: #000;
}

/* Normal YouTube / horizontal videos — responsive 16:9 */
.youtube-video-wrap {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0.75rem auto;
  overflow: hidden;
  background: #000;
  aspect-ratio: 16 / 9;
}

.youtube-video-wrap iframe,
.youtube-video-wrap .youtube-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  border: 0;
  display: block;
}

iframe.youtube-video:not(.youtube-video-wrap iframe) {
  display: block;
  width: 100% !important;
  aspect-ratio: 16 / 9;
  height: auto !important;
  margin: 0.75rem auto;
  border: 0;
  background: #000;
}