
/* Banner appearance customization for Quarto title-block */

.quarto-title-block .quarto-title-banner {
  background-color: #eef7fa !important;  
  background-size: contain !important;   /*  full image without cropping */
  background-position: right !important;
  background-repeat: no-repeat !important;
  height: 120px !important;              /* fixed small height */
  min-height: 100px !important;          /* prevent Quarto override */
  max-height: 150px !important;          /* just in case */
  border-radius: 0;
  position: relative;
  padding: 0 !important;                 /* remove any padding */
}

.quarto-title-block .title,
.quarto-title-block .subtitle,
.quarto-title-block .description {
  color: #004f64 !important;      /* deep Cambridge blue for contrast */
  text-shadow: none !important;   /* keep text crisp and readable */
}

/* Title: slightly heavier and spaced down a bit from top edge */
.quarto-title-block .title {
  font-weight: 800;
  margin-top: 0.9rem !important; /* padding above title */
}

/* Subtitle: softer tone */
.quarto-title-block .subtitle {
  opacity: 0.85;
  margin-top: 0.9rem;
}

/* Description: smaller text below subtitle */
.quarto-title-block .description {
  font-size: 0.95rem;
  opacity: 0.75;
  margin-top: 0.35rem;
  margin-bottom: 0.95rem;
}