:root {
  --md-text-font-weight-light: 400;
  --nav-section-color: #5a7c9f;
  --h2-base-color: lightcoral;
  --h3-base-color: #88e;
  --heading-darken-amount: 10%;
}

.md-nav--primary > .md-nav__list > .md-nav__item > label.md-nav__link,
.md-sidebar--secondary .md-nav__title {
  color: var(--nav-section-color);
  font-size: 22px;
}

.md-content .md-typeset {
  font-size: 22px;
  line-height: 1.75;
  color: #333;
}

.md-nav__link {
  font-size: 20px;
}

.md-nav__title {
  font-size: 20px;
}

.md-content .md-typeset h1 {
  font-size: 32px;
  font-weight: 700;
  color: #333;
}

.md-content .md-typeset h2 {
  font-size: 28px;
  font-weight: 700;
  color: var(--h2-base-color);
}

.md-content .md-typeset h3 {
  font-size: 25px;
  font-weight: 700;
  color: var(--h3-base-color);
}

.md-content .md-typeset h4 {
  font-size: 23px;
}

.md-header {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

.md-footer__direction {
  font-size: 20px;
}

.md-footer > nav {
  padding: 2px 5px;
}

.md-footer__button {
  padding: 6px;
}

.md-copyright {
  font-size: 19px;
  width: 100%;
  text-align: center;
}

html .md-footer-meta.md-typeset a:focus,
html .md-footer-meta.md-typeset a:hover {
  color: #dcbe00;
}

.md-header__source {
  display: none;
}

.md-header__topic:not([data-md-component="header-topic"]) {
  cursor: pointer;
}

@media screen and (min-width: 76.25em) {
  .md-sidebar--primary .md-nav__title {
    display: none;
  }

  /* Material 原本在每個頂層章節（.md-nav__item）上方都加了 margin-top 當作章節間距，
     設計上預期由頂端那個（被我們隱藏的）站名 sticky title 撐開視覺空間。
     隱藏 title 後，第一個章節的間距就變成一塊沒東西撐著的空白，只把第一個章節歸零。 */
  .md-sidebar--primary .md-nav--primary > .md-nav__list > .md-nav__item:first-child,
  .md-sidebar--primary .md-nav--primary > .md-nav__list > .md-nav__item:first-child > .md-nav__link {
    margin-top: 0 !important;
  }
}

.md-content .md-typeset code {
  border-radius: 4px;
}

.md-content .md-typeset .md-code__nav {
  background-color: transparent;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #f5f7f3;
}

[data-md-color-scheme="default"] .md-content .md-typeset code {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

[data-md-color-scheme="slate"] .md-content .md-typeset code {
  border: 1px solid rgba(255, 255, 255, 0.12);
}

[data-md-color-scheme="default"] .md-content .md-typeset h2 {
  color: color-mix(in srgb, var(--h2-base-color), black var(--heading-darken-amount));
}

[data-md-color-scheme="default"] .md-content .md-typeset h3 {
  color: color-mix(in srgb, var(--h3-base-color), black var(--heading-darken-amount));
}

[data-md-color-scheme="slate"] .md-content .md-typeset {
  color: #ddd;
}

[data-md-color-scheme="slate"] .md-content .md-typeset h1 {
  color: #ccc;
}

[data-md-color-scheme="slate"] .md-content .md-typeset strong {
  font-weight: normal;
  color: #dcbe00;
}