.accordion{--icon-spacing: var(--spacing-normal);--icon-width: 1rem}.accordion summary{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-normal);list-style:none;position:relative}.accordion .icon-caret{position:absolute;height:auto;width:1rem;right:var(--icon-spacing);top:50%;transform:translateY(-50%);transition:transform var(--duration-default) ease-in-out;perspective:1000px}.accordion summary:has(>.icon-caret:last-child)>*:first-child{width:calc(100% - (var(--icon-spacing) * 2 + var(--icon-width)))}.accordion summary::marker,.accordion summary::-webkit-details-marker{display:none}.accordion summary:hover .accordion__title{text-decoration:underline}.accordion[open]>summary .icon-caret{transform:translateY(-50%) rotateX(180deg)}.accordion__title{flex-shrink:0;word-break:break-word}.accordion__content{word-break:break-word}@media screen and (min-width: 769px){.accordion{--icon-spacing: var(--spacing-x-large);--icon-width: 1.2rem}}