/* BRASS Digital Lab — Site CSS supplements */
/* Applied after SCSS theme via format: html: css */

/* Quarto-specific overrides */
#quarto-content .page-layout-full {
  max-width: 100%;
}

/* Remove default TOC on non-article pages */
.no-toc #TOC { display: none; }

/* Navbar logo sizing */
.navbar-brand img {
  height: 36px;
  width: auto;
}

/* Smooth scroll for anchor links */
html { scroll-behavior: smooth; }

/* Remove default Quarto title banner where we use custom hero */
.quarto-title-banner { display: none; }

/* Code copy button styling */
.code-copy-button {
  background: transparent !important;
  border-color: #DDE4F0 !important;
  color: #6b7a99 !important;
}

/* Quarto search styling */
#quarto-search input {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.2);
  color: #fff;
}

/* Figure captions */
.figure-caption {
  font-size: 0.82rem;
  color: #6b7a99;
  text-align: center;
  margin-top: 0.5rem;
  font-style: italic;
}

/* Blog listing cards */
.quarto-listing-default .list-item {
  border: 1px solid #DDE4F0;
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 1rem;
  transition: all 0.25s ease;
}
.quarto-listing-default .list-item:hover {
  box-shadow: 0 8px 30px rgba(27,58,107,0.1);
  border-color: #2E5FA3;
}

/* Category badges in listings */
.quarto-listing-category .category {
  background: #F4F7FB;
  border: 1px solid #DDE4F0;
  border-radius: 4px;
  padding: 0.2rem 0.6rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: #1B3A6B;
  cursor: pointer;
  transition: all 0.2s ease;
}
.quarto-listing-category .category:hover,
.quarto-listing-category .category.active {
  background: #1B3A6B;
  color: #C9A00C;
  border-color: #1B3A6B;
}