details {
      width: fit-content;
    }

    details summary {
      display: revert;
      cursor: pointer;
      user-select: none;
    }

    details summary>h3 {
      display: inline;
      font-size: 1.8rem !important;
    }

    summary:focus-visible {
      outline: 2px solid #000;
      /* Replaces the default outline with your own styling */
      outline-offset: 2px;
      /* Adds space between the outline and the element */
    }

    summary:focus:not(:focus-visible) {
      outline: none;
      /* Removes the default outline for mouse clicks */
    }