/* The core layouts use Joomla 6 markup; existing site modules retain Bootstrap 4. */
.mod-menu.nav { margin: 0; padding: 0; list-style: none; }
.mod-menu.nav > li > a { display: block; padding: .5rem 1rem; }
.main img, aside img, #aside img { max-width: 100%; height: auto; }
.main .row > [class*="col-"] { min-width: 0; }
@media (max-width: 575.98px) {
    /* The site name in the brand link used to overflow narrow phones (320 px). */
    .navbar-brand { max-width: 100%; margin-right: 0; white-space: normal; }
    footer .row { row-gap: .5rem; }
    footer .row > .col { flex-basis: 100%; }
}
