details{--mark-c:var(--yellow, #f67d28);border-radius:var(--radius);margin-bottom:1.5rem;border:1px solid;padding:0 1rem;background:#fff}details[open]{padding-bottom:1rem}summary{position:relative;padding:1rem 2em 1rem 0;font-size:1.25rem;font-weight:700;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary::before,summary::after{content:'';width:.75em;height:0;border-bottom:2px solid;position:absolute;top:50%;right:0;transform:translateY(-50%);transition:200ms}summary::after{transform:translateY(-50%)rotate(90deg)}details[open] summary{color:var(--mark-c)}details[open] summary::before,details[open] summary::after{color:var(--mark-c)}details[open] summary::after{transform:translateY(-50%)rotate(0)}