/* Override normalize's button defaults while keeping consumer classes stronger. */
body button:where([data-collapse-trigger]) {
    appearance: none;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: inherit;
    cursor: pointer;
}

body button:where([data-collapse-trigger]:disabled) {
    cursor: default;
    opacity: 1;
}

[data-collapse-panel][hidden] {
    display: none;
}

/* Legacy CSS still provides the initial state before init(). */
[data-collapse-panel][data-collapse-ready]:not([hidden]) {
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    [data-collapse] [data-collapse-trigger]::before {
        transition: none;
    }
}