body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.masthead {
  font-family: 'Merriweather', Georgia, serif;
  letter-spacing: 0.05em;
}

.article-content {
  font-family: 'Merriweather', Georgia, serif;
  line-height: 1.8;
}

.article-content h1 {
  font-family: 'Merriweather', Georgia, serif;
  line-height: 1.2;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
}

input[type="range"]::-webkit-slider-track {
  background: #e7e5e4;
  height: 0.5rem;
  border-radius: 0.25rem;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #2563eb;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  margin-top: -0.5rem;
}

input[type="range"]::-moz-range-track {
  background: #e7e5e4;
  height: 0.5rem;
  border-radius: 0.25rem;
}

input[type="range"]::-moz-range-thumb {
  background: #2563eb;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  border: none;
}

@media (max-width: 768px) {
  .article-content {
    font-size: 1rem;
  }
  
  .article-content h1 {
    font-size: 2rem;
  }
}