:root {
            /* --- ЦВЕТОВА ПАЛИТРА --- */
            --color-tech:       #00bfff;
            --color-society:    #ff4500;
            --color-history:    #ff4500;
            --color-health:     #ff4500;
            --color-thinkers:   #daa520;
            --color-musicians:  #daa520;
            --color-tales:      #9932cc;
            --color-thoughts:   #9932cc;
            --color-info:       #6c757d;
        }

        /* --- 1. ГЛОБАЛЕН ФОН (СВЕТЪЛ) --- */
        body {
            background-image:
                linear-gradient(rgba(0, 0, 0, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(0, 0, 0, 0.03) 1px, transparent 1px);
            background-size: 30px 30px;
        }

        /* --- 2. ТЪМЕН РЕЖИМ (DARK MODE FIX) --- */
        /* Когато атрибутът data-theme="dark" е активен */
        [data-theme="dark"] body {
            background-color: #0e0e0e !important;
            color: #e0e0e0 !important;
            background-image:
                linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
        }

        /* Картите в Тъмен режим */
        [data-theme="dark"] .m-article-card,
        [data-theme="dark"] .m-hero,
        [data-theme="dark"] .m-header,
        [data-theme="dark"] .dropdown-menu {
            background-color: #161616 !important;
            border-color: #2a2a2a !important;
            color: #fff !important;
        }

        [data-theme="dark"] .nav-item > a,
        [data-theme="dark"] .dropdown-menu li a {
            color: #ccc !important;
        }

        /* --- 3. ЛОГО (FIXED) --- */
        @media only screen and (min-width: 48rem) {
            .m-header { height: 100px !important; padding: 0 !important; display: flex !important; align-items: center !important; }
            .m-nav { height: 100% !important; align-items: center !important; }
            .m-logo img { height: auto !important; max-height: 70px !important; width: auto !important; object-fit: contain !important; }
        }
        @media only screen and (max-width: 48rem) {
            .m-mobile-topbar { height: 65px !important; padding: 0 20px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; overflow: hidden !important; }
            .m-logo.in-mobile-topbar img { height: 35px !important; max-height: 35px !important; width: auto !important; object-fit: contain !important; margin: 0 !important; }
        }

        /* --- 4. МЕНЮТА (ОБЩИ) --- */
        .m-nav-menu { display: flex; list-style: none; margin: 0; padding: 0; align-items: center; }
        .nav-item { position: relative; margin: 0 15px; font-size: 1.1rem; font-weight: 600; cursor: pointer; }
        .nav-item > a { color: var(--titles-color); text-decoration: none; display: block; padding: 10px 15px; border-radius: 6px; transition: all 0.2s ease; }
        .nav-item:hover > a { background-color: rgba(0,0,0,0.05); color: var(--primary-subtle-color); }

        /* Падащо меню (Кутия) */
        .dropdown-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #ffffff;
            min-width: 200px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.1);
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 5px;
            z-index: 9999;
            list-style: none;
            margin-top: 5px;
        }

        .dropdown-menu li { margin: 0; display: block; padding: 0; }
        .dropdown-menu li a { padding: 10px 15px; font-size: 0.95rem; color: #333; display: flex; align-items: center; border-radius: 5px; transition: all 0.2s; width: 100%; background-color: transparent; }
        .dropdown-menu li a::before { content: '•'; margin-right: 8px; font-size: 1.2em; line-height: 0; opacity: 0.3; transition: all 0.2s; }

        /* --- ДЕСКТОП СТИЛ --- */
        @media only screen and (min-width: 48rem) {
            .m-nav__left { flex: 1 !important; display: flex !important; justify-content: center !important; overflow: visible !important; }
            .m-nav-menu { justify-content: center; flex-direction: row; }
            .dropdown-menu {
                display: none; opacity: 0; visibility: hidden;
                position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
                margin-top: 10px;
            }
            .dropdown-menu.show { display: block !important; opacity: 1 !important; visibility: visible !important; }
        }

        /* --- МОБИЛЕН СТИЛ (АКОРДЕОН) --- */
        @media only screen and (max-width: 48rem) {
            .m-nav-menu { flex-direction: column !important; align-items: flex-start !important; width: 100% !important; padding: 10px !important; }
            .nav-item { width: 100%; margin: 5px 0 !important; border-bottom: 1px solid rgba(0,0,0,0.05); }
            .nav-item > a { padding: 15px 10px !important; font-size: 1.2rem !important; width: 100%; display: flex; justify-content: space-between; align-items: center; }
            .icon-chevron-down { margin-right: 10px; }

            /* Мобилното подменю не е абсолютно, а релативно */
            .dropdown-menu {
                display: none; /* Скрито */
                position: static !important;
                transform: none !important;
                box-shadow: none !important;
                border: none !important;
                background-color: rgba(0,0,0,0.03) !important;
                width: 100%;
                margin: 0 !important;
                opacity: 1 !important;
                visibility: visible !important;
                padding: 5px 0 !important;
            }
            .dropdown-menu.show { display: block !important; }
            [data-theme="dark"] .dropdown-menu { background-color: rgba(255,255,255,0.05) !important; }
        }

        /* --- ЦВЕТОВЕ ПРИ HOVER (КЛЪСТЪРИ) --- */
        /* Системи */
        .group-systems:hover > a, .group-systems.active-mobile > a { color: var(--color-tech) !important; }
        .group-systems .dropdown-menu li a:hover { background-color: rgba(0, 191, 255, 0.1); color: var(--color-tech) !important; }
        .group-systems .dropdown-menu { border-top: 3px solid var(--color-tech); }
        @media (max-width: 48rem) { .group-systems .dropdown-menu { border-top: none; border-left: 3px solid var(--color-tech); } }

        /* Живот */
        .group-life:hover > a, .group-life.active-mobile > a { color: var(--color-society) !important; }
        .group-life .dropdown-menu li a:hover { background-color: rgba(255, 69, 0, 0.1); color: var(--color-society) !important; }
        .group-life .dropdown-menu { border-top: 3px solid var(--color-society); }
        @media (max-width: 48rem) { .group-life .dropdown-menu { border-top: none; border-left: 3px solid var(--color-society); } }

        /* Архитекти */
        .group-architects:hover > a, .group-architects.active-mobile > a { color: var(--color-thinkers) !important; }
        .group-architects .dropdown-menu li a:hover { background-color: rgba(218, 165, 32, 0.1); color: var(--color-thinkers) !important; }
        .group-architects .dropdown-menu { border-top: 3px solid var(--color-thinkers); }
        @media (max-width: 48rem) { .group-architects .dropdown-menu { border-top: none; border-left: 3px solid var(--color-thinkers); } }

        /* Етер */
        .group-ether:hover > a, .group-ether.active-mobile > a { color: var(--color-tales) !important; }
        .group-ether .dropdown-menu li a:hover { background-color: rgba(153, 50, 204, 0.1); color: var(--color-tales) !important; }
        .group-ether .dropdown-menu { border-top: 3px solid var(--color-tales); }
        @media (max-width: 48rem) { .group-ether .dropdown-menu { border-top: none; border-left: 3px solid var(--color-tales); } }

        /* Инфо */
        .group-info:hover > a, .group-info.active-mobile > a { color: var(--color-info) !important; }
        .group-info .dropdown-menu li a:hover { background-color: rgba(108, 117, 125, 0.1); color: var(--color-info) !important; }
        .group-info .dropdown-menu { border-top: 3px solid var(--color-info); }
        @media (max-width: 48rem) { .group-info .dropdown-menu { border-top: none; border-left: 3px solid var(--color-info); } }

        /* --- ДРУГИ --- */
        a[href*="/tag/tech/"] .m-article-card, body.tag-tech .m-hero { border-left: 4px solid var(--color-tech) !important; }
        a[href*="/tag/society/"] .m-article-card, body.tag-society .m-hero { border-left: 4px solid var(--color-society) !important; }
        a[href*="/tag/thinkers/"] .m-article-card, body.tag-thinkers .m-hero { border-left: 4px solid var(--color-thinkers) !important; }
        a[href*="/tag/tales/"] .m-article-card, body.tag-tales .m-hero { border-left: 4px solid var(--color-tales) !important; }

        .m-footer { background-color: #000 !important; color: #fff !important; }
        a[data-portal="signin"], .m-footer-copyright a[href*="ghost"], .m-footer-copyright a[href*="license"], .m-footer-copyright a[href*="javascript"] { display: none !important; }
        .custom-cta-box { background-color: #000; color: #fff; padding: 40px; margin: 50px auto 30px; max-width: 720px; border-radius: 8px; border-left: 6px solid #fff; text-align: center; }
        .l-post-content table { width: 100%; display: block; overflow-x: auto; margin: 40px 0; }
        @media (min-width: 1024px) { .l-post-content table { width: 120%; margin-left: -10%; display: table; } }

/* Series navigation block inside post pages */
.series-nav {
    margin: 30px 0;
    padding: 15px 20px;
    border-radius: 10px;
    border: 1px solid var(--secondary-border-color);
    background: rgba(255, 255, 255, 0.04);
}

.series-nav__label {
    font-size: 0.9rem;
    opacity: 0.8;
    margin-bottom: 10px;
}

.series-nav__links {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.series-nav__links a {
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid var(--secondary-border-color);
    text-decoration: none;
    font-size: 0.95rem;
}

.series-nav__index {
    font-weight: 600;
}

/* Series index page (page-series.hbs) */
.series-index-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
    margin-top: 24px;
}

.series-index-card {
    border-radius: 14px;
    border: 1px solid var(--secondary-border-color);
    background: rgba(255, 255, 255, 0.03);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.series-index-card__image {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.series-index-card__body {
    padding: 16px 18px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
}

.series-index-card__title {
    font-size: 1.1rem;
    margin: 0;
}

.series-index-card__title a {
    text-decoration: none;
}

.series-index-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 0.85rem;
    opacity: 0.85;
}

.series-index-card__tag {
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.series-index-card__count {
    border-left: 1px solid var(--secondary-border-color);
    padding-left: 8px;
}

.series-index-card__excerpt {
    font-size: 0.95rem;
    opacity: 0.9;
}

.series-index-card__button {
    margin-top: auto;
    align-self: flex-start;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid var(--secondary-border-color);
    text-decoration: none;
    font-size: 0.9rem;
}

/* REV6 SECTORS GRID */
.sectors-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  margin-top:40px;
}
.sector-card {
  background:rgba(255,255,255,0.04);
  border:1px solid var(--secondary-border-color);
  padding:28px;
  border-radius:14px;
  text-align:center;
  font-size:1.4rem;
}

/* SERIES SPOTLIGHT */
.series-spotlight { margin-top:60px; }
.series-spotlight-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:24px;
}
.series-card {
  border:1px solid var(--secondary-border-color);
  border-radius:12px;
  padding:16px;
  background:rgba(255,255,255,0.03);
}
.series-card-img {
  width:100%; height:160px; object-fit:cover; border-radius:10px;
}
.series-more { margin-top:20px; text-align:right; }