﻿/* Expander/collapsers */

:where(h1, h2, h3, h4, h5, h6).collapsible-heading {
    position: relative; /* needed for chevron */
    padding-left: var(--chevron-gap, 1.4em);
    cursor: pointer;
}

    /* ▼ chevron (open) */
    :where(h1, h2, h3, h4, h5, h6).collapsible-heading::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.45em;
        width: 0.55em;
        height: 0.55em;
        border-right: 2px solid #0078d4; /* blue */
        border-bottom: 2px solid #0078d4;
        transform: rotate(45deg); /* ▼ */
        transition: transform 0.2s ease;
    }

    /* ▶ chevron (collapsed) */
    :where(h1, h2, h3, h4, h5, h6).collapsible-heading.collapsed::before {
        transform: rotate(-45deg); /* ▶ */
    }
