html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/* Display font reads better with a touch of negative tracking at headline sizes,
   but Cyrillic glyphs are wider than Latin so this stays subtle (was -0.03em). */
.font-display {
  letter-spacing: -0.01em;
}

/* Hero text size utility */
.text-hero {
  font-size: clamp(3rem, 10vw, 7rem);
  line-height: 0.95;
  text-transform: uppercase;
}

/* Dark prose overrides for article bodies */
.prose-dark {
  color: #F4F4F6;
}
.prose-dark h1,
.prose-dark h2,
.prose-dark h3,
.prose-dark h4,
.prose-dark h5,
.prose-dark h6 {
  color: #F4F4F6;
  font-family: 'Unbounded', sans-serif;
  letter-spacing: -0.01em;
}
.prose-dark p {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  line-height: 1.75;
}
.prose-dark ul,
.prose-dark ol {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.5em;
  line-height: 1.75;
}
.prose-dark ul { list-style-type: disc; }
.prose-dark ol { list-style-type: decimal; }
.prose-dark a { color: #E5341A; }
.prose-dark strong { color: #F4F4F6; }
.prose-dark blockquote {
  border-left-color: #E5341A;
  color: #9CA6B8;
}
.prose-dark hr { border-color: #292C33; }
.prose-dark code {
  background: #14181F;
  color: #F4F4F6;
  border: 1px solid #292C33;
}
.prose-dark pre {
  background: #14181F;
  border: 1px solid #292C33;
}
.prose-dark img { opacity: 0.9; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0D1117; }
::-webkit-scrollbar-thumb { background: #292C33; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #3a4250; }

/* Form inputs on dark background */
.input-dark {
  background: #0D1117;
  border: 1px solid #292C33;
  color: #F4F4F6;
}
.input-dark:focus {
  outline: none;
  border-color: #E5341A;
  box-shadow: 0 0 0 1px #E5341A;
}
.input-dark::placeholder {
  color: #9CA6B8;
}

/* Select element dark override */
select.input-dark option {
  background: #14181F;
  color: #F4F4F6;
}