header,
footer,
#right-sidebar,
#left-sidebar {
  display: none;
}

#main-container {
  width: 100%;
}
main {
  font-size: 0.8em;
}

.scrollable-table {
  overflow: initial;
}

/* IGNORE FOR PRINT */
.print-ignore {
  visibility: hidden;
  width: 0;
  height: 0;
}

/* CODE BLOCKS */
.dracula,
pre,
code {
  print-color-adjust: exact !important; /* So the code blocks are exported properly in PDF */
}

pre,
pre code {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}

/* IMAGES */
main img,
.pageserver-image {
  max-width: 100%;
  max-height: 18cm; /* Used to avoid big pictures in the middle of the page - Using cm as we're based on A4 format + big margins for title and headings */
  height: auto;
  width: auto;
  object-fit: contain;
  break-inside: avoid;
  margin: var(--tako-space-md) auto;
}