html { scroll-behavior: smooth; }

.tab-link { transition: all .2s ease; }
.tab-link:hover { color: #059669; }

.card-shadow { box-shadow: 0 12px 36px rgba(15, 23, 42, .08); }
.glass { background: rgba(255, 255, 255, .78); backdrop-filter: blur(8px); }

.result-card {
  border: 1px solid #d1fae5;
  background: #fff;
  border-radius: 1.2rem;
  padding: 1.25rem;
}

.prose p { margin-bottom: 1rem; }
.prose ul { margin: 1rem 0 1rem 1.2rem; }
.prose ol { margin: 1rem 0 1rem 1.2rem; list-style: decimal; }
.prose li { margin: .35rem 0; }
.prose h2 { font-size: 1.5rem; line-height: 2rem; font-weight: 700; margin-top: 2.5rem; margin-bottom: 1rem; }
.prose h3 { font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; margin-top: 2rem; margin-bottom: 0.75rem; }
.prose a  { color: #047857; font-weight: 500; }
.prose a:hover { color: #065f46; }
.prose blockquote { border-left: 4px solid #d1fae5; padding-left: 1rem; color: #475569; font-style: italic; margin: 1.25rem 0; }

/* Hide horizontal scrollbar on the mobile tab nav */
.scrollbar-hidden::-webkit-scrollbar { display: none; }
.scrollbar-hidden { -ms-overflow-style: none; scrollbar-width: none; }