body { font-family: 'Inter', sans-serif; }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f8fafc; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

:root {
  --brand-900: #0b4f75;
  --brand-800: #0d5f92;
  --brand-700: #0f75bd;
  --brand-600: #126ba8;
  --brand-500: #2b9ce2;
  --brand-100: #d7eaff;
  --brand-50: #e6f4ff;
}
::selection {
  background-color: var(--brand-100);
  color: #0f172a;
}
.text-teal-900 { color: var(--brand-900) !important; }
.text-teal-800 { color: var(--brand-800) !important; }
.text-teal-700 { color: var(--brand-700) !important; }
.text-teal-600 { color: var(--brand-600) !important; }
.text-teal-500 { color: var(--brand-500) !important; }
.bg-teal-700 { background-color: var(--brand-700) !important; }
.bg-teal-500 { background-color: var(--brand-500) !important; }
.bg-teal-50 { background-color: var(--brand-50) !important; }
.bg-teal-100 { background-color: var(--brand-100) !important; }
.border-teal-100 { border-color: var(--brand-50) !important; }
.border-teal-200 { border-color: var(--brand-100) !important; }
.hover\:text-teal-700:hover { color: var(--brand-700) !important; }
.hover\:bg-teal-50:hover { background-color: var(--brand-50) !important; }
.hover\:border-teal-200:hover { border-color: var(--brand-100) !important; }
.hover\:bg-teal-700:hover { background-color: var(--brand-700) !important; }
.from-teal-50 { --tw-gradient-from: var(--brand-50) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(230 244 255 / 0)); }
.to-teal-100 { --tw-gradient-to: var(--brand-100) !important; }

.article-prose h2 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #0f172a;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  letter-spacing: -0.025em;
}
.article-prose h3 {
  font-size: 1.0625rem;
  font-weight: 500;
  color: #1e293b;
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
}
.article-prose p {
  margin-bottom: 1.25rem;
  line-height: 1.75;
  color: #475569;
}
.article-prose ul,
.article-prose ol {
  margin-bottom: 1.25rem;
  padding-left: 1.5rem;
  color: #475569;
}
.article-prose ul { list-style-type: disc; }
.article-prose ol { list-style-type: decimal; }
.article-prose li { margin-bottom: 0.5rem; line-height: 1.65; }
.article-prose li strong { color: #334155; font-weight: 500; }
.article-prose a { color: var(--brand-700); text-decoration: underline; text-underline-offset: 2px; }
.article-prose a:hover { color: var(--brand-800); }