/*
 * Custom Spoiler CSS for a Dark Theme
*/

.spoiler {
  background-color: #24283b;
  border: 1px solid #414868;

  border-radius: 8px; 
  margin: 1.5em 0;
  padding: 0 1.2em;
}

.spoiler summary {
  cursor: pointer;
  font-weight: bold;
  padding: 0.8em 0;
  outline: none;
  color: #a9b1d6;
}

.spoiler summary::marker {
  color: #7aa2f7; 
}

.spoiler[open] summary {
  color: #c0caf5;
}

.spoiler .spoiler-content {
  padding: 0.8em 0 1.2em 0;
  
  /* Use a subtle line as a separator */
  border-top: 1px solid #414868;
  margin-top: 0.8em;

  color: inherit;
}