html {
  font-size: 62.5%; /* 1rem = 10px */
  width: 100%;
}

body {
  font-size: 1.3rem; /* 13px */
  width: 100%;
}

.wm-page-content {
  width: 100% !important;
  box-sizing: border-box !important;
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.wm-content-pane {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.wm-article,
.col-md-9[role="main"],
[role="main"] .col-md-9,
[role="main"] {
  width: 100% !important;
  box-sizing: border-box !important;
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 992px) {
  .container,
  .container-fluid {
    width: 100% !important;
    box-sizing: border-box !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (min-width: 900px) and (max-width: 1199px) {
  .wm-toc-pane {
    min-width: 200px;
    width: 200px;
  }

  .wm-content-pane {
    padding-left: 200px;
  }
}

@media (max-width: 899px) {
  .wm-toc-pane {
    margin-left: -250px;
  }

  .wm-content-pane {
    padding-left: 0;
  }
}

.wm-article {
  display: block !important;
}

/* Headings — scala gerarchica (base: 1rem = 10px) */
.wm-page-content h1 { font-size: 2.0rem; }  /* 20px */
.wm-page-content h2 { font-size: 1.8rem; }  /* 18px */
.wm-page-content h3 { font-size: 1.6rem; }  /* 16px */
.wm-page-content h4 { font-size: 1.4rem; }  /* 14px */
.wm-page-content h5 { font-size: 1.3rem; }  /* 13px */
.wm-page-content h6 { font-size: 1.2rem; }  /* 12px */

/* Testo corpo */
.wm-page-content p,
.wm-page-content li,
.wm-page-content blockquote,
.wm-page-content .admonition {
  font-size: 1.3rem; /* 13px */
}

/* Tabelle */
.wm-page-content td,
.wm-page-content th {
  font-size: 1.2rem; /* 12px */
}

/* Codice */
.wm-page-content .highlight pre,
.wm-page-content pre,
.wm-page-content code {
  font-size: 1.2rem; /* 12px */
}

/* TOC laterale */
.wm-toc-pane,
.wm-toc-pane a,
.wm-toctree,
.wm-toctree li,
.wm-toctree .wm-toc-text {
  font-size: 1.2rem; /* 12px */
}

/* Navbar e ricerca */
.navbar,
.navbar a,
#wm-search-form,
#mkdocs-search-query {
  font-size: 1.2rem; /* 12px */
}

.bs-sidebar {
  max-height: none;
}

.table,
table,
pre,
.mermaid {
  width: 100%;
  max-width: none !important;
}

table {
  table-layout: auto;
}
