.spoiler {
    background-color: gray; /* Neutral background */
    color: gray; /* Match background to hide text initially */
    display: inline-block;
    cursor: pointer;
    position: relative;
    border: none; /* Ensure no border */
    box-shadow: none; /* Ensure no shadow */
    width: auto; /* Adjust width */
    height: auto; /* Adjust height */
}

.spoiler span {
    color: white; /* Text color against gray background */
    background-color: transparent; /* Ensure no background */
    padding: 3px 5px;
    border: none; /* Ensure no border */
    box-shadow: none; /* Ensure no shadow */
}

.revealed {
    width: auto; /* Adjust width */
    height: auto; /* Adjust height */
}

.revealed .hidden-content {
    color: inherit; /* Text color when revealed */
    background-color: white; /* Neutral background */
    border: none; /* Ensure no border */
    box-shadow: none; /* Ensure no shadow */
    transition: color 0.5s ease, background-color 0.5s ease;
    display: inline-block; /* Ensure it matches .spoiler dimensions */
}

.hidden-content {
    display: none; /* Hide the content initially */
    background-color: transparent; /* Ensure no background */
    border: none; /* Ensure no border */
    box-shadow: none; /* Ensure no shadow */
    color: black; /* Text color */
  
}