body[layout='layout-home'] .markdown-body .call-to-action:nth-of-type(2) {
  background: linear-gradient(to right, #555, #222);
}

body[layout='layout-home'] .markdown-body .call-to-action:nth-of-type(2):hover {
  background: #000;
}

.markdown-body img {
  width: 100%;
}

.markdown-body a {
  text-decoration: underline;
}

.markdown-body .page-title {
  margin-top: 64px;
}

#main-header a {
  font-weight: normal;
}

#main-header a.active {
  font-weight: bold;
}

#main-header .active {
  display: block;
}

#main-header a[href='/blog/'] {
  display: none;
}

@media screen and (min-width: 1024px) {
  #main-header a[href='/blog/'] {
    display: block;
  }
}

mdjs-preview {
  margin-bottom: 20px;
}

mdjs-preview::part(iframe) {
  border-color: var(--primary-lines-color);
}

/* === Side nav === */
rocket-navigation ul {
  padding-top: 4px;
  padding-bottom: 4px;
}

rocket-navigation > ul > li > ul {
  padding-left: 0;
}

rocket-navigation ul > li:last-of-type {
  padding-bottom: 0;
}

rocket-navigation > ul > li > a {
  font-weight: normal;
}

rocket-navigation > ul > li > a.active {
  font-weight: bold;
}

rocket-navigation > ul > li > ul > li a {
  padding-left: 13px;
}

rocket-navigation li.active:not(.anchor) > a {
  font-weight: bold;
}

rocket-navigation ul > li > a {
  display: inline-block;
}

rocket-navigation ul > li > ul > li a {
  border-left: 2px solid transparent;
}

rocket-navigation ul > li.active > ul > li.current a {
  border-left-color: var(--primary-color);
}

rocket-navigation ul > li.active > ul > li.current > ul {
  display: none;
}