/* Case study css styles */

#title-block-header .subtitle,
#title-block-header .quarto-subtitle {
  font-size: clamp(0.85rem, 1.1vw, 1.05rem); /* slightly smaller subtitle */
  line-height: 1.25; /* keeps it compact */
}




/* CASE STUDIES PICTURE FORMATTING */

/* subtle shadow + rounded edges */
.cs-img-shadow { 
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.16); 
    border-radius: 0.6rem; 
} 

/* fill the margin column */
.column-margin .cs-margin-img { width: 350%; } 

/* kills the underline */
main.content h2,
main.content h2.anchored {
  border-bottom: none !important;                     
}


/* Case studies: make category tags pop */
.quarto-categories .quarto-category,
.quarto-categories a.quarto-category,
.quarto-title-meta .quarto-categories .quarto-category,
.quarto-title-meta .quarto-categories a.quarto-category {
  background: transparent !important;            /* dark pill */    
  color: #ffffff !important;                 /* pure white text */
  opacity: 1 !important;                     /* kill inherited dulling */
  filter: none !important;                   /* kill inherited filters */
  border: 1px solid #ffffff !important;
  border-radius: 50px;
  padding: 0.25rem 0.65rem !important;
  font-weight: 700 !important;               /* makes the white feel “whiter” */
  text-decoration: none !important;
}


.quarto-categories .quarto-category:visited,
.quarto-categories a.quarto-category:visited {
  color: #ffffff !important;                 /* stop visited-link grey */
}

.quarto-categories .quarto-category:hover,
.quarto-categories a.quarto-category:hover,
.quarto-categories .quarto-category:focus-visible,
.quarto-categories a.quarto-category:focus-visible {
  color: #fff !important;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.16);
}