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

:root {
  --dtr-teal: #115e59;
  --dtr-teal-dark: #0f4f4b;
  --dtr-surface: #fafafa;
}

body {
  font-family: Inter, system-ui, -apple-system, sans-serif;
}

.font-display {
  font-family: "Space Grotesk", Inter, sans-serif;
}

.dtr-card {
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.dtr-card:hover {
  box-shadow: 0 8px 24px -8px rgb(15 23 42 / 0.12);
}

.metric {
  font-variant-numeric: tabular-nums;
}

.dtr-nav-link {
  font-size: 0.8125rem;
  color: #52525b;
  padding: 0.35rem 0.75rem;
  border-radius: 9999px;
}

.dtr-nav-link:hover {
  background: #f4f4f5;
  color: #18181b;
}

.dtr-nav-link.active {
  background: #ccfbf1;
  color: var(--dtr-teal-dark);
  font-weight: 600;
}

.article-prose li {
  margin-top: 0.35rem;
}

.dtr-state-select {
  max-width: 11rem;
}

.dtr-quick-rx-btn {
  white-space: nowrap;
}

#dtr-quick-rx-root #quick-rx-modal.flex,
#dtr-handoff-root #dtr-handoff-modal.flex {
  display: flex;
}