:root {
  --site-text: #1f2937;
  --site-bg-top: color-mix(in srgb, #f59e0b 24%, transparent);
  --site-bg-bottom: #eef2ff;
  --site-bg-base: #fffdf8;
  --site-brand-font: "Trebuchet MS", "Segoe UI", sans-serif;
}

.site-nav-shell {
  position: relative;
}

.site-brand {
  letter-spacing: -0.02em;
}

.site-brand-logo {
  display: block;
  filter: drop-shadow(0 6px 16px rgba(84, 55, 20, 0.14));
}

.site-brand-suffix {
  margin-left: -0.2rem;
}

.site-main {
  align-items: stretch;
}

.site-footer-meta {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.markdown-content h1,
.markdown-content h2,
.markdown-content h3 {
  text-wrap: balance;
}

.markdown-content a:hover {
  opacity: 0.86;
}