.hn-accordion { list-style: none; padding: 0; margin: 0; }
.hn-accordion > li { border-bottom: 1px solid #ddd; }

.hn-accordion .acc-trigger {
    all: unset;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: .9rem 1rem .9rem 0;
    font: inherit;
    line-height: 1.3;
}
.hn-accordion .acc-trigger:focus-visible { outline: 2px solid #5b9dd9; outline-offset: 2px; }
.hn-accordion .acc-trigger::after { content: "▸"; transition: transform .2s ease; }
.hn-accordion .acc-trigger[aria-expanded="true"]::after { transform: rotate(90deg); }

.hn-accordion > li > div { padding: 0 1rem .9rem; }