/* =============================================================================
   FAQ  |  Question-and-answer list.
   HTML: index.html -> <!-- SECTION: FAQ -->     JS: (none)
   Edit only this file when you want to change how faq looks.
   ============================================================================= */

.faq{max-width:780px;margin-inline:auto;padding:.6rem 1.4rem}
details{border-bottom:1px solid rgba(10,10,10,.08);padding:1.1rem 0}
details:last-child{border:0}
summary{cursor:pointer;list-style:none;font-weight:600;display:flex;justify-content:space-between;gap:1rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--green-d);transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:.7rem 0 0;color:var(--muted)}
[data-theme=dark] details{border-bottom-color:rgba(255,255,255,.1)}
summary:focus-visible{outline:2px solid var(--green)!important;outline-offset:3px}