/* Custom minimal styles to complement Tailwind */
:root {
  --brand: #4f46e5;
}

html, body {
  height: 100%;
}

/* small utility to improve image rendering */
img {
  display: block;
  max-width: 100%;
  height: auto;
}


/* Site image helpers for consistent sizes */
.site-img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 420px;
  object-fit: cover;
  border-radius: 0.75rem;
}

.site-img-hero { max-height: 340px; }
.site-img-lg   { max-height: 600px; max-width: 600px;}
.site-img-md   { max-height: 220px; }
.site-img-sm   { max-height: 140px; }
.site-img-center { display:block; margin-left:auto; margin-right:auto; }

/* Header navigation highlight (hover/focus) */
header nav a {
  color: #06b6d4; /* light slate */
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.6rem;
  border-radius: 0.5rem;
  transition: color 150ms ease, transform 150ms ease, background-color 150ms ease;
}
header nav a:hover,
header nav a:focus {
  color: #06b6d4; /* cyan-400 */
  transform: translateY(-1px);
  outline: none;
  background-color: rgba(18, 78, 190, 0.425);
}

/* mobile menu links */
#mobile-menu a:hover,
#mobile-menu a:focus {
  color: #06b6d4;
  background-color: rgba(6,182,212,0.04);
}