.navbar-brand img {
  max-height: 70px !important; /* make it bigger than default */
  width: auto;
}

/* Make the logo bigger */
.navbar-logo img {
  max-height: 70px;   /* increase from default 50px */
  width: auto;
  border-radius: 8px;
  margin-right: 30px; /* spacing between logo and links */
}

/* Center the navigation links */
.navbar-nav {
  display: flex;
  justify-content: center; /* center horizontally */
  flex: 1;                /* take available width */
  margin-left: auto;
  margin-right: auto;
}

/* Optional: increase font size for navbar links */
.navbar-nav .nav-link {
  font-size: 22px;
  margin: 0 15px;       /* spacing between links */
}

/* Navbar links styling similar to old site */
.navbar-nav .nav-link {
  position: relative;
  color: #111;            /* link color */
  font-weight: 500;       /* medium weight */
  font-size: 18px;
  text-decoration: none;
  padding: 5px 10px;
  transition: all 0.2s ease-in-out;
}

/* Add thin bottom border like your old style */
.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;             /* same thickness as before */
  bottom: 0;
  left: 0;
  background-color: #CBF8DF; /* highlight color from your previous CSS */
  transition: width 0.3s ease;
}

/* Hover effect: expand underline */
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link:focus::after {
  width: 100%;
}

/* Optional: change color on hover */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: #000;  /* slightly darker on hover */
}

/* Active (current page) navbar link */
.navbar-nav .nav-link.active,
.navbar-nav .nav-link[aria-current="page"] {
  color: #222 !important;        /* override bootstrap blue */
  font-weight: 700;              /* bold */
}

/* Underline for active page (always visible) */
.navbar-nav .nav-link.active::after,
.navbar-nav .nav-link[aria-current="page"]::after {
  width: 100%;                   /* full underline */
  background-color: #e5b9ad;     /* your old theme pink */
}

/* Main content links */
main a:not(.nav-link):not(.toc-link) {
  color: inherit;
  text-decoration: none;
  border-bottom: 3px solid #CBF8DF;
  box-shadow: inset 0 -4px 0 #CBF8DF;
  transition: background 0.15s ease;
}

/* Hover effect */
main a:not(.nav-link):not(.toc-link):hover,
main a:not(.nav-link):not(.toc-link):focus {
  background: #CBF8DF;
}

/* TOC links */
.toc a {
  color: #666;
  text-decoration: none;
  border-left: 3px solid transparent;
  padding-left: 10px;
  transition: all 0.2s ease;
}

/* Hover */
.toc a:hover {
  color: #111;
  border-left-color: #CBF8DF;
}

/* Active TOC section */
.toc a.active {
  color: #111;
  font-weight: 600;
  border-left-color: #e5b9ad;
}

/* Listing links (blog index, folders) */
.quarto-listing .listing-title a {
  font-size: 1.25rem;
  font-weight: 700;
  color: #222;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
}

/* Hover */
.quarto-listing .listing-title a:hover {
  border-bottom-color: #222;
}

/* Sidebar link text color */
.sidebar a,
.sidebar li a,
.sidebar nav a {
  color: #555 !important;        /* gray by default */
  text-decoration: none !important;
}

/* Hover state for sidebar links */
.sidebar a:hover,
.sidebar li a:hover,
.sidebar nav a:hover {
  color: #222 !important;        /* darker on hover */
  background: transparent !important;
}

/* Active/current sidebar link */
.sidebar a[aria-current="page"],
.sidebar li a.active,
.sidebar nav a.active {
  font-weight: 700 !important;   /* bold */
  color: #222 !important;
}

/* --- Quarto sidebar: kill blue active & hover states --- */

/* Default sidebar text */
.sidebar-item-text {
  color: #555 !important;
}

/* Hovered sidebar item */
.sidebar-item-container:hover .sidebar-item-text {
  color: #111 !important;
}

/* Active (current page) sidebar item */
.sidebar-item.active .sidebar-item-text,
.sidebar-item[aria-current="page"] .sidebar-item-text {
  color: #111 !important;
  font-weight: 700;
}

/* Active indicator bar */
.sidebar-item.active .sidebar-item-container {
  border-left: 3px solid #e5b9ad;
  padding-left: 8px;
}

/* Base TOC links */
#TOC a {
  color: #555 !important;
  text-decoration: none !important;
  border-left: 3px solid transparent;
  padding-left: 10px;
  transition: all 0.2s ease;
}

/* Hover state (kill blue) */
#TOC a:hover {
  color: #111 !important;
  border-left-color: #CBF8DF;
  background: transparent !important;
}

/* Active section (current scroll position) */
#TOC a.active {
  color: #111 !important;
  font-weight: 700;
  border-left-color: #e5b9ad;
}

/* Remove underline & highlight from code line numbers */
pre a,
.sourceLine a,
.code-line-anchor {
  text-decoration: none !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}