.navigation-container > *:not(#navigation-main) {
  display: none;
}

.navigation-container {
  width: 100%;
  max-width: 100%;
  .navigation-content {
    margin: auto;
    width: 100%;
  }
  .page-content-main {
    max-width: fit-content;
  }
}

main {
  font-size: var(--tako-font-size-xs);
}

.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;
}