/*
Source - https://stackoverflow.com/a
Posted by Mister Jojo, modified by community. See post 'Timeline' for change history
Retrieved 2025-12-21, License - CC BY-SA 4.0
*/

details {
    border        : 1px solid lightgrey;
    width         : 100%;
    padding       : 0 .6em;
    border-radius : .3em;
    margin        : .3em;
}

details > summary  {
    font-weight   : bold;
    margin        : 0 -.6em;
    list-style    : none;
    display       : block;
    padding       : .5em;
}

details[open] {
    padding-bottom : .6em;
}

details[open] summary {
    border-bottom : 1px solid lightgrey;
    margin-bottom : .6em;
}

summary:hover {
    background-color : whitesmoke;
    cursor: pointer;
}

summary > table  {
    width: 100%;
}

summary > table td {
    width: 50%;
}