/* Tighter spacing than Material's defaults — tuned for dense reference content
   (Codebook, API) rather than prose-heavy pages. Adjust freely. */

/* Standalone-docs header makeover (kgreview #27) -- embed.js hides this header entirely when
   the page loads inside an app modal (iframe), so this only shows on the one real full-page
   path: the Documentation modal's "Full page ↗" button opening /docs/ in a new tab. */
.md-header {
  background-color: white;
  #background-color: #CFE6DC;
}
.md-header__title {
  color: #993333;
  font-size: 1.2rem;
}
.md-header__button.md-logo img {
  height: 48px;
  width: 48px;
}
/* Material's search pill relies on a translucent-white overlay meant for a colored header --
   against a white header that reads as flat grey by default and disappears entirely on hover
   (translucent white on white = white). Solid, header-independent colors instead. */
.md-search__form {
  background-color: #e9e9e9;
}
.md-search__form:hover {
  background-color: #dcdcdc;
}
.md-search__input {
  color: #333;
}
.md-search__input::placeholder {
  color: #666;
  opacity: 1;
}
.md-search__icon svg {
  fill: #333;
}

#edops-codebook {
  margin-top: 0;
}


.md-content__inner h1 {
  font-weight: normal !important;
  margin-top:0;
}

.md-typeset p {
  margin: 0.5em 0;
  font-size: 0.9rem;
  line-height: 1.3rem;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  margin-top: 0;
  /*margin-top: 1.2em;*/
  margin-bottom: 0.5em;
}

.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  margin-top: 1em;
  margin-bottom: 0.3em;
}

.md-typeset h3 {
  display: block;
  background: #f1eaea;
}

.md-typeset h4 {
  margin-bottom: -0.3rem;
  font-size: 1rem;
  font-weight: 400;
  color: #993333;
}

.md-nav__item {
  font-size: medium;
}

.md-typeset li {
  margin-bottom: 0.25em;
}

.md-nav__title {
  color: #993333;
  font-size: 0.8rem;
}

.md-typeset img {
  border: 1px solid #ddd;
}

/* Old-school blue underlined links for in-content text, not nav/TOC links. */
.md-typeset a {
  color: #0645ad;
  text-decoration: underline;
}
.md-typeset a:hover {
  color: #0b0080;
}