/* Tailwind base via CDN; custom utilities */
:root{
  --brand:#0ea5e9;
}
.nav-link{ @apply text-slate-700 hover:text-slate-900; }
.nav-link.active{ @apply text-slate-900 font-semibold; }
.btn-primary{ @apply inline-flex items-center justify-center px-5 py-2.5 rounded-lg bg-sky-600 text-white hover:bg-sky-700 transition; }
.btn-secondary{ @apply inline-flex items-center justify-center px-5 py-2.5 rounded-lg border border-slate-300 text-slate-800 hover:bg-slate-100 transition; }
.input{ @apply w-full px-4 py-2.5 rounded-lg border border-slate-300 focus:outline-none focus:ring-2 focus:ring-sky-500; }
.label{ @apply block text-sm font-medium text-slate-700 mb-1; }
.section-title{ @apply text-2xl font-extrabold; }
.card{ @apply bg-white border border-slate-200 rounded-xl p-5 shadow-sm; }
.card-title{ @apply text-lg font-semibold; }
.card-text{ @apply text-slate-600; }
.link{ @apply text-sky-600 hover:text-sky-700 underline underline-offset-2; }
.faq{ @apply bg-white border border-slate-200 rounded-lg p-4; }
.cookie-banner{
  position: fixed; inset-inline: 0; bottom: 0; z-index: 50;
  background: white; border-top: 1px solid rgb(226 232 240);
  box-shadow: 0 -10px 30px -10px rgba(0,0,0,.1);
}
.cookie-banner .cookie-inner{
  max-width: 72rem; margin: 0 auto; padding: 1rem 1.5rem;
  display: flex; flex-direction: column; gap: .75rem;
}
@media (min-width:640px){ .cookie-banner .cookie-inner{ flex-direction: row; align-items: center; justify-content: space-between; } }
.prose h2{ @apply text-xl font-semibold mt-6; }
.prose h3{ @apply text-lg font-semibold mt-4; }
.prose ul{ @apply list-disc pl-6; }
.prose blockquote{ @apply border-l-4 border-sky-500 pl-4 italic text-slate-700; }