/* Remove the default triangle */
summary {
    text-decoration: underline;
    list-style: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none; /* For Safari */
    transition: transform 0.2s ease-in-out;
}

summary:hover {
    transform: scale(1.1);
}

 .about-ext { 
    line-height: 1.5; /* Adjust for better line spacing */
    text-align: left;
    padding: 3%;
    word-wrap: break-word; /* Helps prevent odd word-breaking behavior */
    word-spacing: normal;  /* Ensures normal spacing between words */
 }

/* Style for the main summary triangle (rightwards arrow) */
summary::before {
    content: '⇨'; /* Rightwards white arrow */
    display: inline-block;
    margin-right: 5px;
}

/* When the details are open, use the downwards arrow */
details[open] summary::before {
    content: '⇩'; /* Downwards white arrow */
}

/* Override for the close-summary to always point upwards */
details[open] .close-summary::before {
    content: '⇧'; /* Upwards white arrow */
}

/* Style for the close link */
.close-summary {
    color:rgb(191, 214, 205);
    cursor: pointer;
    text-decoration: underline;
    display: inline-block;
    margin-top: 10px;
}