/*
dl.faqs {border-top: 1px solid currentColor; }*/
dl.faqs:last-child {border-bottom: 1px solid currentColor; }


dl.faqs > dt > button {border-top: 1px solid currentColor;
    margin: 0; color: inherit; font-family: inherit;
    cursor: pointer;
    font-size: inherit;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    flex: 1;
    text-align: left; width: 100%;
    display: flex; align-items: flex-start; justify-content: space-between;

    background: none; outline: none;
    padding: 1em 0; transition: all 0.2s ease;
}
dl.faqs > dt { margin-bottom: 0; }
dl.faqs > dt > button:is(:hover,:focus-visible) {  background-color: rgba(0,0,0,0.1);  }

dl.faqs > dt > button:focus-visible {  box-shadow: 0 0 0 4px var(--hi_yellow); }


dl.faqs > dt > button::after {

    content:"\002B";
    margin-left: 0.333em;
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 1.5em; line-height: 1;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s ease;

}
dl.faqs > dt > button.open::after {
    transform: rotate(180deg);
    content:"\2212";
}

dl.faqs > dt > button:hover::after {
    /*   background-color: rgba(192, 184, 217, 0.10);
       background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><polygon fill="%236F6F6F" points="10,15.4 1.3,6.7 2.7,5.3 10,12.6 17.3,5.3 18.7,6.7 	"/></svg>');
   */
}