/* Generated from navigation.css; variant: premium. Do not edit directly. */
/* FSR Theme Engine / distinct navigation layouts. Never loaded for HTML ZIP. */
body.md-fsr-layout-premium .site-header {
    overflow: visible !important;
    background: var(--md-fsr-head-bg, #192b24) !important;
    color: var(--md-fsr-head-text, #fff) !important;
}
body.md-fsr-layout-premium .site-header .burger,
body.md-fsr-layout-premium .site-header .md-menu-fullscreen-trigger { display:none !important; }
/* 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,
.md-fsr-premium-dialog .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,
.md-fsr-premium-dialog .md-fsr-nav-children li { list-style:none !important; margin:0 !important;padding:0 !important; }
#md-fsr-theme-nav .md-fsr-nav-children a,
.md-fsr-premium-dialog .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,
.md-fsr-premium-dialog .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,
.md-fsr-premium-dialog .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. */
body.md-fsr-layout-premium .site-header .top-navigation-bar,
body.md-fsr-layout-premium .site-header .site-header__inner {
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:84px !important;
    gap:20px !important;
    padding:12px 22px !important;
    max-width:1360px !important;
}
body.md-fsr-layout-premium .site-header .site-logo {
    margin:0 !important;
    max-width:36% !important;
    flex:0 1 auto !important;
    padding:8px 12px !important;
    border:0 !important;
    background:rgba(255,255,255,.07) !important;
    border-radius:14px !important;
    box-shadow:inset 3px 0 var(--md-fsr-accent,#d6ba7e) !important;
}
body.md-fsr-layout-premium .site-header .site-logo img,
body.md-fsr-layout-premium .site-header img.custom-logo {
    margin:0 !important;
    max-height:62px !important;
    max-width:100% !important;
}
#md-fsr-theme-nav.md-fsr-premium-nav {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    gap:clamp(14px,2vw,28px) !important;
    color:var(--md-fsr-head-text,#fff) !important;
}
#md-fsr-theme-nav .md-fsr-premium-shortcuts {display:flex!important;gap:clamp(12px,1.7vw,24px)!important;align-items:center!important;min-width:0!important;}
#md-fsr-theme-nav .md-fsr-premium-shortcuts a {
    display:block !important;
    max-width:170px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-weight:700 !important;
    font-size:13px !important;
    letter-spacing:.015em !important;
    text-decoration:none !important;
    color:var(--md-fsr-head-text,#fff) !important;
    opacity:.84 !important;
}
#md-fsr-theme-nav .md-fsr-premium-shortcuts a:hover {opacity:1!important;color:var(--md-fsr-accent,#d6ba7e)!important;}
#md-fsr-theme-nav .md-fsr-premium-open {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-shrink:0 !important;
    gap:12px !important;
    cursor:pointer !important;
    white-space:nowrap !important;
    padding:14px 18px !important;
    font-weight:800 !important;
    font-size:13px !important;
    letter-spacing:.03em !important;
    color:#14231c !important;
    background:var(--md-fsr-accent,#d6ba7e) !important;
    border:1px solid var(--md-fsr-accent,#d6ba7e) !important;
    border-radius:12px !important;
    box-shadow:0 5px 18px rgba(0,0,0,.16) !important;
}
#md-fsr-theme-nav .md-fsr-premium-open:hover {transform:translateY(-2px)!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important;}
/* Native dialog is rendered in the browser top layer, above sticky headers. */
#md-fsr-premium-dialog.md-fsr-premium-dialog {
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:23px!important;
    width:min(1120px,calc(100vw - 32px))!important;
    max-width:1120px!important;
    max-height:calc(100dvh - 40px)!important;
    margin:auto!important;
    padding:0!important;
    background:var(--md-fsr-foot-bg,#14251f)!important;
    color:var(--md-fsr-foot-text,#f5fbf6)!important;
    box-shadow:0 35px 100px rgba(0,0,0,.4)!important;
    overflow:auto!important;
}
#md-fsr-premium-dialog::backdrop {background:rgba(3,9,7,.75)!important;backdrop-filter:blur(8px)!important;}
#md-fsr-premium-dialog .md-fsr-premium-panel-header {
    display:flex!important;justify-content:space-between!important;align-items:flex-start!important;
    padding:30px 34px 22px!important;border-bottom:1px solid rgba(255,255,255,.13)!important;
}
#md-fsr-premium-dialog .md-fsr-premium-eyebrow {display:block!important;color:var(--md-fsr-accent,#d6ba7e)!important;text-transform:uppercase!important;letter-spacing:.14em!important;font-size:11px!important;font-weight:800!important;}
#md-fsr-premium-dialog h2 {color:#fff!important;margin:6px 0 0!important;font-size:clamp(24px,3vw,35px)!important;line-height:1.15!important;}
#md-fsr-premium-dialog .md-fsr-premium-close {
    width:42px!important;height:42px!important;border-radius:12px!important;
    border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;
    background:rgba(255,255,255,.1)!important;font-size:18px!important;cursor:pointer!important;
}
#md-fsr-premium-dialog .md-fsr-premium-grid {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;padding:24px 34px 36px!important;
}
#md-fsr-premium-dialog .md-fsr-premium-card {
    margin:0!important;min-width:0!important;
    padding:22px!important;border-radius:16px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.065)!important;
    transition:background .16s!important;
}
#md-fsr-premium-dialog .md-fsr-premium-card:hover {background:rgba(255,255,255,.11)!important;}
#md-fsr-premium-dialog a.md-fsr-premium-card-title {
    display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;
    color:#fff!important;text-decoration:none!important;font-size:16px!important;font-weight:800!important;
    line-height:1.35!important;margin:0 0 10px!important;
}
#md-fsr-premium-dialog a.md-fsr-premium-card-title span {color:var(--md-fsr-accent,#d6ba7e)!important;}
#md-fsr-premium-dialog .md-fsr-nav-children {color:#d5e4da!important;}
#md-fsr-premium-dialog .md-fsr-nav-children a {color:#d5e4da!important;}
@media(max-width:950px){#md-fsr-theme-nav .md-fsr-premium-shortcuts {display:none!important;}#md-fsr-premium-dialog .md-fsr-premium-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:760px){body.md-fsr-layout-premium .site-header .top-navigation-bar,
body.md-fsr-layout-premium .site-header .site-header__inner {padding:9px 12px!important;min-height:70px!important;gap:9px!important;}body.md-fsr-layout-premium .site-header .site-logo {max-width:calc(100% - 118px)!important;}body.md-fsr-layout-premium .site-header .site-logo img,
body.md-fsr-layout-premium .site-header img.custom-logo {max-height:47px!important;}#md-fsr-theme-nav .md-fsr-premium-open {padding:12px!important;font-size:12px!important;}#md-fsr-theme-nav .md-fsr-premium-open span:last-child {display:none!important;}#md-fsr-premium-dialog .md-fsr-premium-grid {grid-template-columns:1fr!important;padding:16px!important;gap:10px!important;}#md-fsr-premium-dialog .md-fsr-premium-panel-header {padding:20px 16px!important;}#md-fsr-premium-dialog .md-fsr-premium-card {padding:17px!important;}}
/* ==========================================
   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,
#md-fsr-premium-dialog .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,
#md-fsr-premium-dialog .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,
#md-fsr-premium-dialog .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.
   ============================================================ */
/* ============================================================
   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 — идеально центрированный крестик */
/* Скрываем старый символ × */
/* Рисуем новый крестик */
/* 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 — плавное увеличение из глубины */#md-fsr-premium-dialog.md-fsr-premium-dialog[open] {
        transform-origin: center center !important;
        animation: mdFsrPremiumSmoothIn .54s
            cubic-bezier(.16, 1, .3, 1) both !important;
    }#md-fsr-premium-dialog.md-fsr-premium-dialog[open]::backdrop {
        animation: mdFsrBackdropIn .42s
            ease-out both !important;
    }}
/* ORBIT */
/* CHAPTER */
/* PREMIUM */
@keyframes mdFsrPremiumSmoothIn {
    from {
        opacity: 0;
        transform: translateY(32px) scale(.94);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* Плавное проявление содержимого */
@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 */#md-fsr-premium-dialog.md-fsr-premium-dialog[open].is-closing {
        animation: mdFsrPremiumSmoothOut .42s
            cubic-bezier(.4,0,.2,1) both !important;
        pointer-events: none !important;
    }#md-fsr-premium-dialog.md-fsr-premium-dialog[open].is-closing::backdrop {
        animation: mdFsrBackdropOut .42s ease both !important;
    }}
/* ORBIT — уходит вверх */
/* CHAPTER — занавес закрывается */
/* PREMIUM — мягко уходит в глубину */
@keyframes mdFsrPremiumSmoothOut {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(32px) scale(.94);
    }
}
/* Плавно убираем затемнение */
@keyframes mdFsrBackdropOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}
/* ==========================================
   FSR MOSAIC — NON-STICKY HEADER
   Шапка не следует за прокруткой страницы
   ========================================== */
/* ==========================================
   FSR MOSAIC — VIEW ALL HOVER EFFECT
   Только кнопка перехода к полному хабу
   ========================================== */
/* ==========================================
   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
   ========================================== */