/* Hide default header completely */
.md-header {
  display: none !important;
}

/* Hide header title and navigation */
.md-header__title {
  display: none !important;
}

.md-header__topic {
  display: none !important;
}

.md-header__inner {
  display: none !important;
}

/* Hide any navigation breadcrumbs or items */
.md-header__ellipsis {
  display: none !important;
}

/* Remove search bar */
.md-search {
  display: none !important;
}

/* Remove sidebar navigation */
.md-nav--primary {
  display: none !important;
}

.md-sidebar {
  display: none !important;
}

.md-sidebar--primary {
  display: none !important;
}

/* Hide drawer completely */
.md-drawer {
  display: none !important;
}

.md-nav {
  display: none !important;
}

.md-nav__list {
  display: none !important;
}

.md-nav__item {
  display: none !important;
}

.md-nav__link {
  display: none !important;
}

/* Hide drawer toggle button */
.md-header__button[for="__drawer"] {
  display: none !important;
}

/* Hide drawer overlay */
.md-overlay {
  display: none !important;
}

/* Hide drawer toggle checkbox */
input[data-md-toggle="drawer"] {
  display: none !important;
}

/* Hide the h1 "Home" title in content */
.md-content__inner > h1:first-child,
.md-content h1:first-of-type,
.md-typeset h1:first-of-type,
.md-content__inner.md-typeset > h1:first-child {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Hide any navigation drawer */
.md-drawer--primary {
  display: none !important;
}

.md-drawer--secondary {
  display: none !important;
}

/* Hide all navigation labels and items */
label[for="__drawer"] {
  display: none !important;
}

.md-nav__title {
  display: none !important;
}

/* Make main content area full width but center the content */
.md-main__inner {
  margin-left: 0 !important;
  max-width: 100% !important;
  display: flex;
  justify-content: center;
}

.md-content {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 40px;
  text-align: left;
}

/* Center all images */
.md-content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto;
}

/* Remove checkbox background */
.md-typeset input[type="checkbox"] {
  background-color: white !important;
  border: 1px solid #ccc !important;
}

/* Custom header with title and author */
.custom-header {
  background-color: white;
  padding: 40px 20px;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 0;
}

.custom-header h1 {
  margin: 0 auto;
  font-size: 3.5em;
  font-weight: 700;
  color: #000;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.2;
  max-width: 1000px;
}

.custom-header .author {
  margin-top: 20px;
  font-size: 1.8em;
  color: #333;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
}

/* Ensure white background throughout */
body {
  background-color: white !important;
}

.md-main {
  background-color: white !important;
}

.md-content__inner {
  background-color: white !important;
}

.md-container {
  background-color: white !important;
}

/* Fix math rendering */
.MathJax {
  color: #000 !important;
}

/* Style links */
a {
  color: #0066cc !important;
}

a:hover {
  color: #0052a3 !important;
}

/* Remove any blue accents from Material theme */
.md-typeset a {
  color: #0066cc !important;
}

/* Ensure proper spacing and left-align text */
.md-content__inner {
  padding-top: 20px;
  text-align: left;
  max-width: 100%;
}

/* Ensure all text elements are left-aligned */
.md-content__inner p,
.md-content__inner h2,
.md-content__inner h3,
.md-content__inner h4,
.md-content__inner h5,
.md-content__inner h6,
.md-content__inner ul,
.md-content__inner ol,
.md-content__inner li,
.md-content__inner blockquote {
  text-align: left;
}

.md-typeset {
  text-align: left;
}

.md-typeset p,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6,
.md-typeset ul,
.md-typeset ol,
.md-typeset li {
  text-align: left;
}