/* this need to the menu when open and to the body it gets applied oerflow hidden */
body.navbar-open {
    height: 100vh;
    position: relative;
    display: block;
}

/* Related-content card groups exposed as a native <ul>/<li> list so assistive
   tech announces the item count ("list, N items"). Strips the default list
   chrome so it carries no bullets/indent and does not disturb the Bootstrap
   .row/.col layout it wraps.
   - .phantom-related-list           : the <ul> itself IS the flex .row
                                        (event / news detail).
   - + .phantom-related-list--contents: the <ul> sits inside an existing .row and
                                        collapses (display:contents) so its <li>
                                        cards stay direct grid columns of that row
                                        (basic-page related-pages view). */
.phantom-related-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.phantom-related-list--contents {
  display: contents;
}