summary { padding: .75em 1.3rem;
    list-style: none;
    background-color:var(--bs-secondary-bg);
    display: flex;
    justify-content: space-between;
    transition: height 1s ease;
    border:1px var(--bs-gray-500) solid;
    border-radius: var(--bs-border-radius-lg);
}
summary:hover, details[open] summary {background-color: var(--base-color); color:var(--bs-body-bg); }
summary::-webkit-details-marker {display: none;}
summary:after{content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>');}
details {margin-bottom:1rem;}

details[open] summary {border-bottom: 1px solid #aaa;margin-bottom: .5em;}
details[open] summary:after{content: "\00D7";}
details[open] div{ padding: .5em 1em;}

.fq h3 {cursor: pointer; font-size: 100%; color:#111; padding-top: .8em;}
.fa { margin: 0 20px 60px 40px; padding:10px 20px;}
.fa img {width:100%; margin-bottom: 2rem;}
/*.fa img:hover {width:auto; border:2px solid #EFEFEF; transition: height 1s ease;}*/
.fa ul { list-style-type:disc;}
.fa li {margin: auto 20px 20px 0;}

p.pbutton {margin-left: auto; margin-right: auto; text-align: center; margin-top: 2em;}
p.pbutton a {margin: auto 40px; padding: 1em;}