@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: #fffaf0;
  color: #3a3a3a;
}

.rh-display {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  letter-spacing: -1px;
}

.rh-prose p {
  margin-bottom: 1.1em;
  line-height: 1.7;
}

.rh-prose h2 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.4px;
  color: #0a0a0a;
  margin-top: 2.2em;
  margin-bottom: 0.7em;
}

.rh-prose h3 {
  font-size: 20px;
  font-weight: 600;
  color: #0a0a0a;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
}

details.rh-faq summary {
  cursor: pointer;
  list-style: none;
}

details.rh-faq summary::-webkit-details-marker {
  display: none;
}

details.rh-faq[open] .rh-faq-icon {
  transform: rotate(45deg);
}

.rh-faq-icon {
  transition: transform 0.2s ease;
}