/* Fancy collapsible "button" style */
details.note {
  background: #f7f7f7 !important;   /* light gray background */
  border: 2px solid #ccc;
  border-radius: 12px;
  margin: 1.5em 0;
  padding: 0.8em 1em;
  transition: all 0.3s ease;
  font-size: 1.1rem;
  box-shadow: 0 3px 8px rgba(0,0,0,0.05);
}

details.note:hover {
  background: #eaeaea !important;   /* darker on hover */
  border-color: #bbb;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

details.note summary {
  font-size: 1.3rem;          /* bigger font */
  font-weight: 600;
  color: #333;
  cursor: pointer;
  list-style: none;
}

details.note[open] summary {
  color: #000;
}

details.note summary::marker {
  content: "▶ ";
  font-size: 1.2rem;
  color: #666;
}

details.note[open] summary::marker {
  content: "▼ ";
  font-size: 1.2rem;
  color: #000;
}

/* Force Knowledge Hub text to blue */
.md-header__title .md-header__topic:first-child a {
  color: #007BFF !important;   /* pick your shade of blue */
}

/* Change footer background */
.md-footer {
  background-color: #1f75d6 !important;  /* Green example */
  color: white !important;
}

/* Links inside footer */
.md-footer a {
  color: #FFD700 !important; /* Gold links */
}