pre {
    white-space: pre-wrap;
}

.component img {
    max-width:100%;
    height: auto;
}

body.mce-content-body .block-placeholder {
    background-color: bisque !important;
}

body.mce-content-body .block-prefix {
    background-color: beige !important;
}

body.mce-content-body .block-prefix::before {
    color: rgba(0, 0, 0, 0.60) !important;
    content: "(" !important;
}

body.mce-content-body .block-suffix {
    background-color: beige !important;
}

body.mce-content-body .block-suffix::after {
    color: rgba(0, 0, 0, 0.60) !important;
    content: ")" !important;
}


h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
}

.component-header, .component-name {
    page-break-after: avoid;
}

.component table {
    height: auto;
    width: auto;
    max-width: 100%;
}

td.fr-thick {
    line-height: 1.5em;
    padding: 5px;
}


.component .app-name-view.component-name {
   color: #000000 !important;
   font-family: Georgia !important;
   font-size: 14pt !important;
   border-bottom: solid 1px #005ec6;
   font-weight: bold !important;
}

.component-body {
   color: #00000 !important;
   font-family: Georgia !important;
   font-size: 12pt !important;
}

.instructor-component .cell-name {
   font-weight: bold;
}

.material-component .cell-name {
   font-weight: bold;
}

 /* table overflow fix 2026*/ 
 /* no word break */
.component-body .fr-view table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
    border-collapse: collapse !important;
    page-break-inside: avoid !important;
   font-size: 11pt !important;
 }
  .component-body .fr-view tr {
    page-break-inside: avoid !important;
    page-break-after: auto !important;
   font-size: 11pt !important;
  }

  .component-body .fr-view td,
  .component-body .fr-view th {
    max-width: 200px !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    word-break: keep-all !important;
    white-space: normal !important;
    overflow: hidden !important;
    page-break-inside: avoid !important;
   font-size: 11pt !important;
  }

  .component-body .fr-view td span,
  .component-body .fr-view th span,
  .component-body .fr-view tr span {
   font-size: 11pt !important;
  font-family: "Roboto",sans-serif !important;
}