.transcription-title {
      display: block;
      text-align: center;
      text-decoration: underline;
      white-space: pre-wrap;
      margin-top: 1.25rem;
}

.transcription-block {
      background: #f7f9fc;
      border: 1px solid #d7dde3;
      border-left: 4px solid #7f93ab;
      border-radius: 10px;
      padding: 0.9rem;
      white-space: pre-wrap;
      overflow-x: hidden;
      overflow-wrap: anywhere;
      word-break: break-word;
      font-size: 0.95rem;
      line-height: 1.55;
      color: #223143;
      font-family: inherit;
}

.transcription-meta-right {
      display: block;
      text-align: right;
      white-space: pre-wrap;
}

.transcription-signoff-right {
      display: block;
      margin-left: auto;
      margin-right: 20ch;
      text-align: left;
      white-space: pre-wrap;
      width: fit-content;
}

.transcription-indent-10 {
      display: block;
      white-space: pre-wrap;
      margin-left: 10ch;
}

.transcription-indent-15 {
      display: block;
      white-space: pre-wrap;
      margin-left: 15ch;
}

.transcription-indent-20 {
      display: block;
      white-space: pre-wrap;
      margin-left: 20ch;
}

.transcription-indent-25 {
      display: block;
      white-space: pre-wrap;
      margin-left: 25ch;
}

.transcription-indent-35 {
      display: block;
      white-space: pre-wrap;
      margin-left: 35ch;
}

.transcription-indent-45 {
      display: block;
      white-space: pre-wrap;
      margin-left: 45ch;
}

.transcription-page-number {
      display: block;
      text-align: right;
      white-space: pre-wrap;
}

.transcription-page-break-dotted {
      display: block;
      height: 0;
      margin: 1.25rem 0;
      border-top: 2px dotted #8ea1b5;
}

@media print {
      .transcription-page-break-dotted {
            break-before: page;
            page-break-before: always;
            border-top: none;
            margin: 0;
            height: 0;
      }
}

.transcription-center {
      display: block;
      text-align: center;
      white-space: pre-wrap;
}

.transcription-left {
      display: block;
      text-align: left;
      white-space: pre-wrap;
}

.transcription-highlight-bold {
      font-weight: 700;
      background: #fff3a3;
      padding: 0 0.2em;
}

.mobile-scroll-note {
      display: none;
      margin: 0.5rem 0 0.75rem;
      font-size: 0.9rem;
      color: #4a5568;
}

@media (max-width: 768px) {
      .mobile-scroll-note {
            display: block;
      }
}