/* docs/css/gitbook-like.css */

/* Softer, more GitBook-like overall rhythm */
.md-main__inner {
  max-width: 1200px;
}

:root  > * {
  --md-primary-fg-color:        #ffffff;
  --md-primary-fg-color--light: #d1832a;
  --md-primary-fg-color--dark:  #d1832a;
}

.md-content__inner {
  max-width: 860px;
  margin: 0 auto;
}

/* Cleaner headings */
.md-typeset h1 {
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 0.6em;
}

.md-typeset h2,
.md-typeset h3 {
  font-weight: 650;
  letter-spacing: -0.01em;
}

/* More restrained body text */
.md-typeset {
  font-size: 0.8rem;
  line-height: 1.55;
}

.md-typeset p {
  margin: 0.2em 0 0.35em;
}

.md-typeset h1 + p,
.md-typeset h2 + p,
.md-typeset h3 + p {
  margin-top: 0.1em;
}

/* Softer links */
.md-typeset a {
  text-decoration: none;
}

.md-typeset ul,
.md-typeset ol {
  margin-top: 0.05em;
  margin-bottom: 0.2em;
}

.md-typeset p + ul,
.md-typeset p + ol {
  margin-top: 0.05em;
}

.md-typeset ul + p,
.md-typeset ol + p {
  margin-top: 0.15em;
}

html .md-typeset ul li,
html .md-typeset ol li {
  margin-bottom: 0.08em;
}

html .md-typeset ul li p,
html .md-typeset ol li p {
  margin: 0.02em 0;
}

html .md-typeset ul li ul,
html .md-typeset ul li ol,
html .md-typeset ol li ul,
html .md-typeset ol li ol {
  margin-top: 0.05em;
  margin-bottom: 0.08em;
}

/* Sidebar closer to GitBook feel */
.md-nav {
  font-size: 0.72rem;
}

.md-nav__link {
  border-radius: 8px;
}


.md-nav__link:hover {
  background: rgba(0, 0, 0, 0.04);
}

.md-sidebar .md-nav__link--active {
  color: #d1832a;
  font-weight: 700;
}

.md-header__button.md-logo,
.md-nav__button.md-logo {
  padding: 0.2rem;
}

.md-header__button.md-logo img,
.md-nav__button.md-logo img {
  display: block;
  width: auto;
  max-width: none;
}

.md-header__button.md-logo img {
  height: 1.75rem;
}

.md-nav__button.md-logo img {
  height: 2rem;
}

/* Softer tables/code blocks/callouts */
.md-typeset table:not([class]) {
  border-radius: 10px;
  overflow: hidden;
}

.md-typeset pre > code {
  border-radius: 12px;
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: 12px;
}