:root {
    --event-summary-color: #2c3e50;
    --event-background: #f7f7f7;
    --event-border: #e1e1e1;
  }

  @media (prefers-color-scheme: dark) {
    :root {
      --event-summary-color: #ecf0f1; /* Light text for dark background */
      --event-background: #34495e; /* Dark background */
      --event-border: #2c3e50; /* Border color for dark theme */
    }
  }

details.event {
    margin: 1em 0;
  }

  summary.event {
    cursor: pointer;
    font-weight: bold;
    color: var(--event-summary-color);
  }

  pre.event {
    background-color: var(--event-background);
    padding: 1em;
    border: 1px solid var(--event-border);
    border-radius: 5px;
    overflow: auto;
  }

  h2.section#constructors {
    display: none !important;
}