.twnnDoc {
  max-width: 900px;      /* sweet reading width */
  margin: 0 auto;        /* centers horizontally */
  font-size: 1rem;       /* adjust as needed */
  line-height: 1.6;      /* improves readability */
  padding: 2rem 1rem;    /* gives it breathing room */

  /* keep long unbroken strings (URLs, filenames) from forcing X-scroll */
  overflow-wrap: break-word;
  word-break: break-word;
  min-width: 0;
}

/* URLs: allow breaking at any character so full plain-text links wrap
   on narrow screens instead of widening the page */
.twnnDoc a {
  overflow-wrap: anywhere;
}

/* Media never wider than the reading column */
.twnnDoc img,
.twnnDoc video,
.twnnDoc iframe,
.twnnDoc svg {
  max-width: 100%;
  height: auto;
}

/* Plain document tables: scroll internally if wider than the column */
.twnnDoc table {
  max-width: 100%;
  display: block;
  overflow-x: auto;
}

/* Preformatted blocks: wrap, scroll if still too wide */
.twnnDoc pre {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
}