body {
      font-family: "Segoe UI Symbol", "Noto Sans Symbols", "Arial Unicode MS", "sans-serif";
      background-color: #F1E1DD;
    }

    /* Remove bullets and reset margins for all levels */
    .tree, .tree ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    /* Apply consistent indentation to all nested levels */
    .tree ul {
      padding-left: 3em;
    }

    .caret {
      cursor: pointer;
      user-select: none;
      padding-left: 2em;
      position: relative;
      display: inline-block;
    }

    .toggle-icon {
      font-size: 0.6em;
      width: 1.1em;
      height: 1.1em;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      background-color: #1976D2;
      color: white;
      border-radius: 0.25em;
      vertical-align: middle;
      margin-right: 0.4em;
      line-height: 1.1em;
    }

    .caret-down .toggle-icon {
      background-color: #D32F2F;
    }

    .nested {
      display: none;
    }

    .active {
      display: block;
    }