/* Generated from navigation.css; variant: mosaic. Do not edit directly. */
/* FSR Theme Engine / distinct navigation layouts. Never loaded for HTML ZIP. */
/* Editorial = centered masthead + visible category navigation + dropdowns. */
/* Shared nested links, based on the existing M-page tree. */
#md-fsr-theme-nav .md-fsr-nav-children {
    display:grid !important;
    gap:0 !important;
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}
#md-fsr-theme-nav .md-fsr-nav-children li { list-style:none !important; margin:0 !important;padding:0 !important; }
#md-fsr-theme-nav .md-fsr-nav-children a {
    display:block !important;
    padding:9px 4px !important;
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:500 !important;
    color:inherit !important;
    text-decoration:none !important;
    overflow-wrap:anywhere !important;
}
#md-fsr-theme-nav .md-fsr-nav-children a:hover {color:var(--md-fsr-accent,#257b57)!important;text-decoration:underline!important;}
#md-fsr-theme-nav .md-fsr-nav-children .md-fsr-nav-children {margin-left:14px!important;padding-left:12px!important;border-left:1px solid rgba(128,128,128,.25)!important;}
/* Premium = left brand + topic shortcuts + distinct mega-dialog, no hamburger. */
/* Native dialog is rendered in the browser top layer, above sticky headers. */
/* ==========================================
   FSR EDITORIAL — MOBILE ACCORDION FIX
   Только мобильная версия. Desktop не меняем.
   ========================================== */
@media (max-width: 760px) {/* Отменяем десктопное центрирование и перенос колонок *//* Каждый раздел занимает свою строку *//* Длинный список прокручивается внутри своего раздела */}
/* FSR — выделение ссылки "View all articles" */
#md-fsr-theme-nav .md-fsr-nav-children > li.md-fsr-nav-view-all {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(127, 127, 127, .25) !important;
}
#md-fsr-theme-nav .md-fsr-nav-view-all > a {
    display: block !important;
    padding: 11px 12px !important;
    background: rgba(127, 127, 127, .12) !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: background .2s ease !important;
}
#md-fsr-theme-nav .md-fsr-nav-view-all > a:hover {
    background: rgba(127, 127, 127, .22) !important;
    text-decoration: none !important;
}
/* ==========================================
   FSR EDITORIAL — DESKTOP HOVER DROPDOWN
   Desktop: hover / focus
   Mobile: existing click behavior unchanged
   ========================================== */
@media (min-width: 761px) and (hover: hover) and (pointer: fine) {/* Убираем стрелки на десктопе *//* Подготавливаем плавное появление подменю *//* Открываем при наведении курсора *//* Подсветка активного раздела */}
/* ==========================================
   HORIZON — LEFT BRAND / RIGHT NAVIGATION
   ========================================== */
/* ================================================
   ORBIT ATLAS — COMMAND MASTHEAD + NAVIGATION ATLAS
   Not another horizontal menu: a two-pane content explorer.
   ================================================ */
/* Horizon remains click-to-open on mobile; Orbit Atlas has its own panel behavior above. */
/* ============================================================
   FSR MOSAIC — COMPOSED TILES + ARTICLE SHELVES
   This header shares neither Editorial dropdowns nor Orbit tabs.
   ============================================================ */
body.md-fsr-layout-mosaic .site-header .burger,
body.md-fsr-layout-mosaic .site-header .md-menu-fullscreen-trigger {
    display: none !important;
}
body.md-fsr-layout-mosaic .site-header { z-index: 10002 !important; }
#md-fsr-theme-nav.md-fsr-mosaic-nav {
    position: relative !important;
    z-index: 10002 !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 clamp(12px,3vw,46px) 14px !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg,rgba(0,0,0,.055),rgba(0,0,0,.12)) !important;
    border: 0 !important;
    border-top: 1px solid color-mix(in srgb,var(--md-fsr-accent,#a9bbbe) 24%, transparent) !important;
    color: var(--md-fsr-head-text,#f6f2ed) !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-intro {
    display: flex !important;
    max-width: 1390px !important;
    margin: 0 auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
    padding: 12px 2px 10px !important;
    color: var(--md-fsr-head-text,#f6f2ed) !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-overline {
    font: 800 10px/1.1 system-ui,sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: .19em !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-description {
    font: 500 11px/1.2 system-ui,sans-serif !important;
    letter-spacing: .05em !important;
    opacity: .68 !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-mobile-toggle { display:none !important; }
#md-fsr-theme-nav .md-fsr-mosaic-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit,minmax(152px,1fr)) !important;
    gap: 6px !important;
    list-style: none !important;
    max-width: 1390px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-item {
    position: static !important;
    min-width: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-tile {
    box-sizing: border-box !important;
    position: relative !important;
    min-height: 87px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto 1fr !important;
    column-gap: 5px !important;
    align-items: end !important;
    background: color-mix(in srgb,var(--md-fsr-head-text,#fff) 7%,transparent) !important;
    border: 1px solid color-mix(in srgb,var(--md-fsr-head-text,#fff) 13%,transparent) !important;
    border-radius: 3px !important;
    padding: 10px 11px 12px !important;
    transition: background .18s,border-color .18s,transform .18s !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-item:nth-child(3n/**/+2) .md-fsr-mosaic-tile {
    background: color-mix(in srgb,var(--md-fsr-accent,#a9bbbe) 13%,transparent) !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-item:nth-child(3n/**/+3) .md-fsr-mosaic-tile {
    background: color-mix(in srgb,var(--md-fsr-head-text,#fff) 12%,transparent) !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-item.is-open .md-fsr-mosaic-tile,
#md-fsr-theme-nav .md-fsr-mosaic-tile:hover {
    border-color: var(--md-fsr-accent,#a9bbbe) !important;
    background: color-mix(in srgb,var(--md-fsr-accent,#a9bbbe) 22%,transparent) !important;
    transform: translateY(-1px) !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-number {
    grid-column: 1 / -1 !important;
    color: var(--md-fsr-accent,#a9bbbe) !important;
    font: 800 10px/1.1 system-ui,sans-serif !important;
    letter-spacing: .12em !important;
    opacity: .94 !important;
}
#md-fsr-theme-nav a.md-fsr-mosaic-hub {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    color: var(--md-fsr-head-text,#fff) !important;
    text-decoration: none !important;
    font: 700 clamp(12px,1vw,15px)/1.25 system-ui,sans-serif !important;
    letter-spacing: -.025em !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-expand {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid color-mix(in srgb,var(--md-fsr-head-text,#fff) 20%,transparent) !important;
    background: transparent !important;
    border-radius: 50% !important;
    color: var(--md-fsr-accent,#a9bbbe) !important;
    font: 700 18px/1 system-ui,sans-serif !important;
    cursor: pointer !important;
    transition: background .2s,transform .2s !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-item.is-open .md-fsr-mosaic-expand {
    transform: rotate(45deg) !important;
    background: color-mix(in srgb,var(--md-fsr-accent,#a9bbbe) 20%,transparent) !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-shelf[hidden] {display:none !important;}
#md-fsr-theme-nav .md-fsr-mosaic-shelf {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10010 !important;
    width: min(1370px,calc(100vw - 26px)) !important;
    max-height: min(65vh,630px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    box-sizing: border-box !important;
    border: 1px solid color-mix(in srgb,var(--md-fsr-accent,#a9bbbe) 55%,transparent) !important;
    border-top: 4px solid var(--md-fsr-accent,#a9bbbe) !important;
    border-radius: 0 0 19px 19px !important;
    background: var(--md-fsr-head-bg,#18252b) !important;
    background-image: radial-gradient(ellipse at 88% 0%,color-mix(in srgb,var(--md-fsr-accent,#a9bbbe) 12%,transparent),transparent 55%) !important;
    color: var(--md-fsr-head-text,#fff) !important;
    padding: clamp(18px,2.4vw,32px) !important;
    box-shadow: 0 32px 66px rgba(0,0,0,.3) !important;
    animation: md-mosaic-enter .16s ease both !important;
}
@keyframes md-mosaic-enter {
    from {opacity:0; translate:0 7px;}
    to {opacity:1; translate:0 0;}
}
#md-fsr-theme-nav .md-fsr-mosaic-shelf-head {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: end !important;
    gap: 14px !important;
    border-bottom: 1px solid color-mix(in srgb,var(--md-fsr-head-text,#fff) 18%,transparent) !important;
    padding-bottom: 19px !important;
    margin-bottom: 15px !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-eyebrow {
    grid-column: 1 / -1 !important;
    color: var(--md-fsr-accent,#a9bbbe) !important;
    font: 800 10px/1.1 system-ui,sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: .17em !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-shelf-head h2 {
    color: var(--md-fsr-head-text,#fff) !important;
    margin: 0 !important;
    font: 750 clamp(23px,2.6vw,38px)/1.04 system-ui,sans-serif !important;
    letter-spacing: -.04em !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-view-all {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 12px 14px !important;
    color: var(--md-fsr-head-bg,#18252b) !important;
    background: var(--md-fsr-accent,#a9bbbe) !important;
    text-decoration: none !important;
    font: 800 12px/1.2 system-ui,sans-serif !important;
    border-radius: 4px !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-articles > .md-fsr-nav-children {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    column-gap: 16px !important;
    row-gap: 3px !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-articles > .md-fsr-nav-children > li { min-width:0 !important; }
#md-fsr-theme-nav .md-fsr-mosaic-articles .md-fsr-nav-children a {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 51px !important;
    padding: 12px 8px !important;
    border-bottom: 1px solid color-mix(in srgb,var(--md-fsr-head-text,#fff) 13%,transparent) !important;
    color: var(--md-fsr-head-text,#fff) !important;
    font: 550 13px/1.35 system-ui,sans-serif !important;
    text-decoration: none !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-articles .md-fsr-nav-children a::before {
    content: "↗" !important;
    color: var(--md-fsr-accent,#a9bbbe) !important;
    font-size: 14px !important;
    flex: 0 0 auto !important;
}
#md-fsr-theme-nav .md-fsr-mosaic-articles .md-fsr-nav-children a:hover {
    background: color-mix(in srgb,var(--md-fsr-accent,#a9bbbe) 10%,transparent) !important;
}
#md-fsr-theme-nav.md-fsr-mosaic-nav button:focus-visible,
#md-fsr-theme-nav.md-fsr-mosaic-nav a:focus-visible {
    outline: 3px solid var(--md-fsr-accent,#a9bbbe) !important;
    outline-offset: 3px !important;
}
@media(max-width:1000px) and (min-width:761px) {#md-fsr-theme-nav .md-fsr-mosaic-articles > .md-fsr-nav-children {grid-template-columns: repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:760px) {#md-fsr-theme-nav.md-fsr-mosaic-nav {padding:0 14px 10px !important;}#md-fsr-theme-nav .md-fsr-mosaic-intro {display:none !important;}#md-fsr-theme-nav .md-fsr-mosaic-mobile-toggle {
        display:flex !important;
        justify-content:space-between !important;
        align-items:center !important;
        width:100% !important;
        min-height:49px !important;
        padding:9px 4px !important;
        border:0 !important;
        background:transparent !important;
        color:var(--md-fsr-head-text,#fff) !important;
        font:800 12px/1 system-ui,sans-serif !important;
        text-transform:uppercase !important;
        letter-spacing:.14em !important;
        cursor:pointer !important;
    }#md-fsr-theme-nav .md-fsr-mosaic-mobile-toggle span {font-size:23px !important;color:var(--md-fsr-accent,#a9bbbe)!important;}#md-fsr-theme-nav.md-fsr-mosaic-nav.is-mobile-open .md-fsr-mosaic-mobile-toggle span {transform:rotate(45deg)!important;}#md-fsr-theme-nav .md-fsr-mosaic-grid {
        display:none !important;
        grid-template-columns:1fr !important;
        gap:6px !important;
        max-height:70dvh !important;
        overflow-y:auto !important;
        overscroll-behavior:contain !important;
        padding:2px 0 10px !important;
    }#md-fsr-theme-nav.md-fsr-mosaic-nav.is-mobile-open .md-fsr-mosaic-grid {display:grid !important;}#md-fsr-theme-nav .md-fsr-mosaic-tile {min-height:63px !important;grid-template-columns:38px 1fr auto !important;grid-template-rows:1fr !important;align-items:center !important;padding:7px 12px !important;}#md-fsr-theme-nav .md-fsr-mosaic-number {grid-column:auto !important;}#md-fsr-theme-nav a.md-fsr-mosaic-hub {font-size:14px !important;}#md-fsr-theme-nav .md-fsr-mosaic-shelf {
        display:block !important;
        position:static !important;
        transform:none !important;
        width:100% !important;
        max-height:min(45dvh,350px) !important;
        overflow-y:auto !important;
        padding:15px !important;
        border-radius:0 0 10px 10px !important;
        box-shadow:0 12px 16px rgba(0,0,0,.1) !important;
        animation:none !important;
    }#md-fsr-theme-nav .md-fsr-mosaic-shelf[hidden] {display:none !important;}#md-fsr-theme-nav .md-fsr-mosaic-shelf-head {grid-template-columns:1fr !important;gap:8px !important;padding-bottom:13px !important;margin-bottom:7px !important;}#md-fsr-theme-nav .md-fsr-mosaic-shelf-head h2 {font-size:22px !important;}#md-fsr-theme-nav .md-fsr-mosaic-view-all {justify-content:center !important;}#md-fsr-theme-nav .md-fsr-mosaic-articles > .md-fsr-nav-children {grid-template-columns:1fr !important;}}
/* ============================================================
   FSR CHAPTER — TYPOGRAPHIC FULL-SCREEN TABLE OF CONTENTS
   Completely separate from Orbit Atlas; no two-pane navigation.
   ============================================================ */
html.md-fsr-menu-scroll-locked,
body.md-fsr-menu-scroll-locked {
    overscroll-behavior: none !important;
}
/* Chapter — идеально центрированный крестик */
/* Скрываем старый символ × */
/* Рисуем новый крестик */
@media(prefers-reduced-motion:reduce) {#md-fsr-theme-nav .md-fsr-mosaic-shelf {animation:none !important;transition:none !important;}}
/* Orbit Atlas: background scroll is locked by navigation.js without hiding the scrollbar. */
/* ==========================================
   FSR CHAPTER — MOBILE HEADER FIX
   Убираем наложение логотипа на кнопку меню
   ========================================== */
/* ==========================================
   FSR — PREMIUM MENU OPENING ANIMATIONS
   Orbit Atlas / Chapter / Premium
   ========================================== */
@media (prefers-reduced-motion: no-preference) {/* ORBIT ATLAS — плавное появление сверху *//* CHAPTER — раскрытие как занавес *//* PREMIUM — плавное увеличение из глубины */}
/* ORBIT */
/* CHAPTER */
/* PREMIUM */
/* Плавное проявление содержимого */
@keyframes mdFsrMenuContentIn {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Плавное затемнение фона */
@keyframes mdFsrBackdropIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* ==========================================
   FSR — SMOOTH MENU CLOSING
   Orbit Atlas / Chapter / Premium
   ========================================== */
@media (prefers-reduced-motion: no-preference) {/* ORBIT ATLAS *//* CHAPTER *//* PREMIUM */}
/* ORBIT — уходит вверх */
/* CHAPTER — занавес закрывается */
/* PREMIUM — мягко уходит в глубину */
/* Плавно убираем затемнение */
@keyframes mdFsrBackdropOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}
/* ==========================================
   FSR MOSAIC — NON-STICKY HEADER
   Шапка не следует за прокруткой страницы
   ========================================== */
body.md-fsr-layout-mosaic header.site-header {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
}
/* ==========================================
   FSR MOSAIC — VIEW ALL HOVER EFFECT
   Только кнопка перехода к полному хабу
   ========================================== */
#md-fsr-theme-nav.md-fsr-mosaic-nav
.md-fsr-mosaic-view-all {
    cursor: pointer !important;
    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease !important;
}
#md-fsr-theme-nav.md-fsr-mosaic-nav
.md-fsr-mosaic-view-all:hover,
#md-fsr-theme-nav.md-fsr-mosaic-nav
.md-fsr-mosaic-view-all:focus-visible {
    background: color-mix(
        in srgb,
        var(--md-fsr-accent, #a9bbbe) 82%,
        #000 18%
    ) !important;

    transform: translateY(-3px) !important;

    box-shadow:
        0 10px 24px rgba(0, 0, 0, .20) !important;
}
#md-fsr-theme-nav.md-fsr-mosaic-nav
.md-fsr-mosaic-view-all span {
    display: inline-block !important;
    transition: transform .25s ease !important;
}
#md-fsr-theme-nav.md-fsr-mosaic-nav
.md-fsr-mosaic-view-all:hover span {
    transform: translate(3px, -3px) !important;
}
@media (prefers-reduced-motion: reduce) {#md-fsr-theme-nav.md-fsr-mosaic-nav
    .md-fsr-mosaic-view-all,
#md-fsr-theme-nav.md-fsr-mosaic-nav
    .md-fsr-mosaic-view-all span {
        transition: none !important;
    }#md-fsr-theme-nav.md-fsr-mosaic-nav
    .md-fsr-mosaic-view-all:hover {
        transform: none !important;
    }}
/* ==========================================
   FSR HORIZON — SAFE HOVER DROPDOWN
   Защита от случайного закрытия меню
   Только десктопный Horizon
   ========================================== */
@media (min-width: 761px) and (hover: hover) and (pointer: fine) {/* Не переключаем меню мгновенно
       при случайном наведении на соседний пункт *//* Удерживаем нужное меню открытым *//* Невидимый мост между пунктом и панелью */}
/* ==========================================
   HORIZON — MOBILE PREMIUM ARROWS
   Desktop: arrows hidden
   Mobile: centered animated arrows
   ========================================== */
/* DESKTOP — полностью скрываем стрелки */
/* MOBILE — оформление стрелок */
@media (max-width: 760px) {/* Читаемость названий разделов *//* Круглая кнопка *//* Шеврон — геометрически точно по центру *//* Открытый раздел — стрелка вверх *//* Эффект нажатия *//* Клавиатурный фокус */}
/* Уменьшение анимации */
/* ==========================================
   EDITORIAL — MOBILE ACCORDION ARROWS
   Отличается от круглых стрелок Horizon
   Только мобильная версия
   ========================================== */
@media (max-width: 760px) {/* Центрированный шеврон *//* Открытый раздел *//* Нажатие *//* Фокус */}
/* ==========================================
   EDITORIAL — MOBILE MAIN MENU ARROW
   Верхняя стрелка RUBRIEKEN
   ========================================== */
@media (max-width: 760px) {/* Новый шеврон *//* Меню открыто — стрелка вверх */}
/* ==========================================
   HORIZON — MOBILE MAIN TOGGLE ARROW
   Remove Editorial button styling inheritance
   ========================================== */
@media (max-width: 760px) {/* Убираем квадратную кнопку Editorial *//* Аккуратный шеврон *//* Меню открыто */}
/* ==========================================
   HORIZON — DESKTOP MENU CONTRAST FIX
   ========================================== */
@media (min-width: 761px) {/* Основные пункты меню *//* Цвет при наведении и открытом подменю *//* Стрелки вложенных пунктов */}
/* ==========================================
   HORIZON — MOBILE TOGGLE CONTRAST FIX
   ========================================== */
@media (max-width: 760px) {/* Текст верхней кнопки RUBRIEKEN *//* Цвет стрелки */}
/* ==========================================
   HORIZON — FINAL MOBILE MENU FIX
   ========================================== */
@media (max-width: 760px) {/* Правильное положение первого пункта *//* Независимая прокрутка длинных подменю */}
/* ==========================================
   CHAPTER — CLASSIC PALETTE CONTRAST FIX
   Desktop + Mobile
   ========================================== */



/* ==========================================
   FSR MOSAIC — CLASSIC PALETTE CONTRAST FIX
   ========================================== */

/* Основной текст навигации */
#md-fsr-theme-nav.md-fsr-mosaic-nav,
#md-fsr-theme-nav.md-fsr-mosaic-nav .md-fsr-mosaic-intro,
#md-fsr-theme-nav.md-fsr-mosaic-nav .md-fsr-mosaic-hub,
#md-fsr-theme-nav.md-fsr-mosaic-nav .md-fsr-mosaic-mobile-toggle {
    color: var(--md-fsr-head-text, #352a24) !important;
}

/* Акцентные элементы */
#md-fsr-theme-nav.md-fsr-mosaic-nav .md-fsr-mosaic-number,
#md-fsr-theme-nav.md-fsr-mosaic-nav .md-fsr-mosaic-expand,
#md-fsr-theme-nav.md-fsr-mosaic-nav .md-fsr-mosaic-mobile-toggle > span {
    color: var(--md-fsr-accent, #6b5035) !important;
}

/* Границы навигации */
#md-fsr-theme-nav.md-fsr-mosaic-nav {
    border-top-color: color-mix(
        in srgb,
        var(--md-fsr-accent, #6b5035) 35%,
        transparent
    ) !important;
}

/* Плитки категорий */
#md-fsr-theme-nav.md-fsr-mosaic-nav .md-fsr-mosaic-tile {
    background: color-mix(
        in srgb,
        var(--md-fsr-head-text, #352a24) 6%,
        transparent
    ) !important;

    border-color: color-mix(
        in srgb,
        var(--md-fsr-head-text, #352a24) 22%,
        transparent
    ) !important;
}

/* Вторая разновидность плиток */
#md-fsr-theme-nav.md-fsr-mosaic-nav
.md-fsr-mosaic-item:nth-child(3n+2) .md-fsr-mosaic-tile {
    background: color-mix(
        in srgb,
        var(--md-fsr-accent, #6b5035) 9%,
        transparent
    ) !important;
}

/* Третья разновидность плиток */
#md-fsr-theme-nav.md-fsr-mosaic-nav
.md-fsr-mosaic-item:nth-child(3n+3) .md-fsr-mosaic-tile {
    background: color-mix(
        in srgb,
        var(--md-fsr-head-text, #352a24) 10%,
        transparent
    ) !important;
}

/* Наведение и открытая категория */
#md-fsr-theme-nav.md-fsr-mosaic-nav .md-fsr-mosaic-tile:hover,
#md-fsr-theme-nav.md-fsr-mosaic-nav
.md-fsr-mosaic-item.is-open .md-fsr-mosaic-tile {
    border-color: var(--md-fsr-accent, #6b5035) !important;

    background: color-mix(
        in srgb,
        var(--md-fsr-accent, #6b5035) 16%,
        transparent
    ) !important;
}