============================================================
   Резиновое горизонтальное меню для темы mscexb.ru
   Разрешает перенос пунктов, запрещает разрыв слов внутри
   пункта, аккуратно сжимается на планшетах и телефонах.
   ============================================================ 

.nav {
    width 100%;
}

.nav  ul {
    display flex !important;
    flex-wrap wrap !important;
    align-items center;
    justify-content flex-start;
    gap 6px 14px;
    row-gap 4px;
    margin 0;
    padding 0;
    list-style none;
    width 100%;
}

.nav .nav-item {
    flex 0 0 auto;
    margin 0;
    padding 0;
    list-style none;
}

.nav .nav-link {
    display inline-block;
    white-space nowrap;           «Библейский указатель» не разорвётся 
    padding 4px 8px;
    font-size 14px;
    line-height 1.2;
    text-decoration none;
    color inherit;
    transition color .15s ease;
}

.nav .nav-linkhover {
    color #16806d;
}

 Планшеты 
@media (max-width 1100px) {
    .nav  ul { gap 4px 10px; }
    .nav .nav-link { font-size 13px; padding 3px 6px; }
}

 Телефоны 
@media (max-width 700px) {
    .nav  ul {
        justify-content center;
        gap 4px 8px;
    }
    .nav .nav-link {
        font-size 12px;
        padding 3px 5px;
    }
}

 Очень узкие экраны 
@media (max-width 420px) {
    .nav  ul { gap 3px 6px; }
    .nav .nav-link { font-size 11px; padding 2px 4px; }
}

 Кнопка-гамбургер не должна конфликтовать с меню 
.drawer-trigger {
    flex 0 0 auto;
}