:root>* {
  --md-primary-fg-color: #ffaa00;
  --md-primary-fg-color--light: #ffaa00;
  --md-primary-fg-color--dark: #8b5c00;
  
  /* Keep your FAQ icon */
  --md-admonition-icon--faq: url(/assets/faq.svg);
  
  /* Add a clear FAQ icon (can use same icon) */
  --md-admonition-icon--faq-clear: url(/assets/faq.svg);
}


.md-button:hover {
  background-color: #ffaa00 !important;  /* Your brand color */
  border-color: #ffaa00 !important;
}

.md-typeset .admonition.faq-subtle,
.md-typeset details.faq-subtle {
  border-color: #e0e0e0;  /* Light gray border */
  border-width: 1px;
  background-color: transparent;
  box-shadow: none;
}

.md-typeset .faq-subtle>.admonition-title,
.md-typeset .faq-subtle>summary {
  background-color: transparent;
  border-left: none;
  padding-left: 0.6rem;  /* Remove the extra space for icon */
}

/* No icon - completely remove it */
.md-typeset .faq-subtle>.admonition-title::before,
.md-typeset .faq-subtle>summary::before {
  display: none;  /* Hides the icon completely */
}


.center-nav-cards.grid.cards {
  text-align: center;
}
.center-nav-cards.grid.cards li,
.center-nav-cards.grid.cards li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}

/* assets/stylesheets/custom.css */
.card-bg-uh60 { background: url('/assets/c17_bg.png') center/cover no-repeat; }
.card-bg-c17 { background: url('/assets/c17_bg.png') center/cover no-repeat; }
.card-bg-kc46 { background: url('/assets/c17_bg.png') center/cover no-repeat; }
.card-bg-faq { background: url('/assets/faq-bg.jpg') center/cover no-repeat; }