.progress-lg { height: 30px; }
.progress-sm { height: 6px; }
.col-comment { max-width: 260px; word-break: break-word; }
.scroll-240 { max-height: 240px; overflow-y: auto; }
.scroll-320 { max-height: 320px; overflow-y: auto; }
.scroll-400 { max-height: 400px; overflow-y: auto; }
/* Collapse trigger that steps aside while its panel is open (Bootstrap drops `collapsed` from the trigger). */
.hide-while-expanded:not(.collapsed) { display: none; }
/* Read-only summary that steps aside while its card's panel is open, so the same fields are not shown twice.
   `.collapsing` is present in both directions, so the swap happens as the panel starts moving. */
.card:has(> .collapse.show, > .collapsing) > .hide-while-panel-open { display: none; }