/* Panels that open and close when their heading is tapped (data-fold) */
.panel.foldable > h2{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;user-select:none;-webkit-user-select:none;margin-bottom:14px}
.panel.foldable > h2::after{content:"";flex:none;width:9px;height:9px;border-right:2.5px solid var(--muted);border-bottom:2.5px solid var(--muted);transform:rotate(45deg);margin:0 4px 4px 0;transition:transform .2s}
.panel.foldable.folded > h2{margin-bottom:0}
.panel.foldable.folded > h2::after{transform:rotate(-45deg);margin-bottom:0}
.panel.foldable.folded > :not(h2){display:none!important}
.panel.foldable > h2:focus-visible{outline:2px solid var(--violet);outline-offset:4px;border-radius:6px}
.fold-hint{display:none;margin-left:auto;font-family:var(--ff);font-size:12px;font-weight:600;color:var(--muted)}
.panel.foldable.folded > h2 .fold-hint{display:inline}