/* Minimal extras – Tailwind handles most styling */
:root{
  --teal:#10b981;    /* Tailwind teal-500-ish */
  --lilac:#c4b5fd;   /* Tailwind violet-300-ish */
}
a.active { text-decoration: underline; text-underline-offset: 6px; }

/* Make the service header image taller */
#content > img:first-child {
  height: 20rem;        /* ~h-80 */
}
@media (min-width: 768px) {
  #content > img:first-child {
    height: 28rem;      /* ~md:h-[28rem] */
  }
}