/* Match the original research site palette. */
:root {
  --accent: #78e2a0;
  --background: #151722;
  --foreground: #ffffff;
}

.research-disclaimer {
  font-size: 0.65rem;
  line-height: 1.5;
  color: #d98080;
  margin: 0 0 1rem;
}

/* Match the live research site's typography and post presentation. */
body {
  letter-spacing: -0.02em;
  font-feature-settings: "liga", "tnum", "case", "calt", "zero", "ss01", "locl";
}

.post-title {
  font-size: 1.4rem;
  line-height: 1.3;
}

.post-meta {
  color: #e680df;
}

.post-tags {
  color: #97835b;
  opacity: 0.75;
}

.post-cover {
  border: 3px solid #ffaaff;
  padding: 5px;
  margin: auto;
}

.post-content {
  margin-top: 30px;
}

.logo {
  font-weight: 400;
  color: #000;
}

.navigation-menu a {
  color: inherit;
}

@media (max-width: 684px) {
  :root {
    --font-size: 1rem;
  }

  .post-cover {
    border-width: 10px;
    padding: 10px;
  }
}

/* Draw the terminal prompt using borders, independent of font glyphs. */
.logo::before {
  content: "";
  display: block;
  flex: 0 0 2em;
  width: 2em;
  height: 0.5em;
  margin-right: 0.6em;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-0.2em);
}