:root {
  --md-default-bg-color: #ffffff;
  --md-default-fg-color: #000000;
  --md-typeset-color: #000000;
}

body, .md-main, .md-content, .md-typeset {
  background: #ffffff;
  color: #000000;
}

/* Typography */
.md-typeset h1 { color: #B31B1B; font-weight: 700; letter-spacing: 0.2px; }
.md-typeset h2 { color: #B31B1B; font-weight: 650; }
.md-typeset h3, .md-typeset h4, .md-typeset h5, .md-typeset h6 { color: #B31B1B; }

/* Links */
.md-typeset a { color: #B31B1B; text-decoration: underline; }
.md-typeset a:hover, .md-typeset a:focus { color: #8A1414; }

/* Horizontal rule separator blocks between sections */
.md-typeset hr, .md-typeset .hr { border: 0; border-top: 2px solid #EAEAEA; margin: 2rem 0; }

/* Code blocks and inline code */
.md-typeset code { background: #F6F6F6; padding: 0.1rem 0.3rem; border-radius: 0.25rem; }
.md-typeset pre > code { background: #F6F6F6; border: 1px solid #EAEAEA; padding: 1rem; display: block; }

/* Admonitions */
:where(.md-typeset .admonition, .md-typeset details) {
  border-left: 4px solid #B31B1B;
  background: #fff;
}

/* Tables */
.md-typeset table:not([class]) {
  border-collapse: collapse;
  width: 100%;
}
.md-typeset table:not([class]) th,
.md-typeset table:not([class]) td {
  border: 1px solid #EAEAEA;
  padding: 0.5rem 0.6rem;
}
.md-typeset table:not([class]) th {
  background: #F6F6F6;
}

/* Hide Material header and sidebars */
.md-header { display: none !important; }

/* Expand content width since sidebars are gone; keep readable line length */
.md-main__inner { margin: 0; }

/* Print-friendly tweaks */
@media print {
  .md-content { max-width: none; }
  a[href]::after { content: " (" attr(href) ")"; font-size: 0.8em; }
}

/* Hide the normal left nav (primary) */
.md-sidebar--primary {
  display: none !important;
}

/* Move the right-hand sidebar (secondary, ToC) to the left */
.md-sidebar--secondary {
  display: block !important;
  order: -1;             /* force it to render before the content */
  border-right: 1px solid #eee;
  padding-right: 1rem;
}

.md-grid {
  max-width: 100% !important;
}

/* Remove the default inner margins */
.md-main__inner {
  margin: 0 !important;
}

/* Let the content column grow without a max width */
.md-content {
  max-width: none !important;
}

.md-content { margin-left: 0 !important; }

.md-content { max-width: 100ch; margin: 0 auto; padding: 1rem 1.25rem 4rem; }
.md-nav--secondary .md-nav__title {
  display: none !important;
}