/* Shared, font-independent disclosure icon. Keep the full header clickable. */
:root{--disclosure-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7.5 5 5 5-5' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
details>summary{position:relative;list-style:none;padding-right:40px!important}
details>summary::-webkit-details-marker{display:none}
details>summary::marker{content:''}
details>summary::after,.disclosure-chevron{
 content:'';display:block;width:20px;height:20px;flex:0 0 20px;
 background:currentColor;mask:var(--disclosure-icon) center/20px 20px no-repeat;
 -webkit-mask:var(--disclosure-icon) center/20px 20px no-repeat;
 color:inherit;opacity:.65;transform:rotate(0deg);transition:transform .16s ease,opacity .16s ease;
}
details>summary::after{position:absolute;right:12px;top:50%;margin:0;transform:translateY(-50%)}
details[open]>summary::after{transform:translateY(-50%) rotate(180deg)}
details>summary:hover::after,button:hover>.disclosure-chevron{opacity:1}
.settings-chevron,.combo-settings-chevron{display:none!important}
.board-expand-chevron.disclosure-chevron{font-size:0;justify-self:center}
.board-post.is-open .disclosure-chevron,button[aria-expanded=true]>.disclosure-chevron{transform:rotate(180deg)}
#motionSkillPickerToggle{display:inline-flex;align-items:center;justify-content:center;gap:6px}
#motionSkillPickerToggle .disclosure-chevron{margin:0}
details>summary:focus-visible,button[aria-expanded]:focus-visible{outline:2px solid #b18a4b;outline-offset:3px}
@media(prefers-reduced-motion:reduce){details>summary::after,.disclosure-chevron{transition:none}}