/* WBS common footer: a real information block with no duplicated navigation or invented links. */
body .wbs-footer-v5 {display:block;width:100%;max-width:none;min-height:195px;margin:28px 0 0;padding:31px 36px 19px;
 border-radius:28px;position:relative;overflow:clip;isolation:isolate;
 background:linear-gradient(115deg,rgba(205,196,255,.19),rgba(63,46,124,.16) 48%,rgba(17,20,53,.21));
 border:1px solid rgba(225,218,255,.51);box-shadow:0 24px 65px rgba(3,3,22,.34),inset 0 1px 0 rgba(255,255,255,.39);backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%);
}
body .wbs-footer-v5__top {display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}
/* Footer has no repeated logo: brand is only in the global header. */
body .wbs-footer-v5__about {min-width:0}
body .wbs-footer-v5__about h2 {font-size:clamp(19px,2vw,25px);margin:0 0 10px;line-height:1.23}
body .wbs-footer-v5__top h2 {font-size:clamp(17px,2vw,23px);margin:0 0 9px;line-height:1.3}
body .wbs-footer-v5__top p {font-size:clamp(12px,1.16vw,15px);color:#e4def4;line-height:1.7;margin:0;max-width:58ch}
body .wbs-footer-v5__bottom {margin-top:22px;padding-top:14px;border-top:1px solid rgba(217,204,255,.27);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:#d6d1e9;line-height:1.5}
/* Glass cards have a unified translucent body, not a black half-panel. */
.home-page .news-list-v5 .news-card-v5 {overflow:clip;border-radius:26px;isolation:isolate;border:1px solid rgba(227,211,255,.45);
 background:linear-gradient(120deg,rgba(222,204,255,.16),rgba(66,51,129,.15) 46%,rgba(15,15,49,.23));
 box-shadow:0 16px 44px rgba(3,4,22,.3),inset 0 1px 0 rgba(255,255,255,.24);backdrop-filter:blur(18px) saturate(1.55);-webkit-backdrop-filter:blur(18px) saturate(1.55);}
.home-page .news-card-v5__body {background:linear-gradient(120deg,rgba(94,65,167,.17),rgba(19,20,59,.24));backdrop-filter:none;}
.home-page .news-card-v5__thumb {overflow:clip;border-radius:inherit}
.home-page .news-card-v5__thumb img {object-fit:cover}
/* Distinct zones in full articles, with a visible separator between hero and contents. */
.history-detail-page .history-detail-hero,.news-detail-page .news-detail-hero {margin-bottom:23px;padding-bottom:27px;border-bottom:1px solid rgba(217,193,255,.38);border-radius:26px 26px 9px 9px;}
.history-detail-page .history-detail-body,.news-detail-page .news-detail-body {border-top:1px solid rgba(163,127,255,.17);padding-top:25px;}
.history-detail-page .history-detail-section,.news-detail-page .news-detail-section {background:linear-gradient(125deg,rgba(208,196,255,.16),rgba(62,41,121,.14) 56%,rgba(13,17,48,.21));border:1px solid rgba(226,209,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 9px 28px rgba(5,5,27,.16);}

@media (max-width:630px) {
    body .wbs-footer-v5 {
        padding:21px 18px 16px;
        min-height:0;
        border-radius:23px;
    }
    body .wbs-footer-v5__top {
        grid-template-columns:1fr;
        gap:19px;
    }
    body .wbs-footer-v5__bottom {
        margin-top:20px;
    }
}

/* v0.6: one footer in every layout; same width, optical selection and spacing. */
body.site-page .wbs-footer-v6,
body.auth-page .wbs-footer-v6,
body.account-page .wbs-footer-v6,
body.wbs-projects-page .wbs-footer-v6 {
  display:block; width:100%; max-width:none; position:relative; z-index:1;
  margin-top:28px; margin-bottom:22px; min-width:0;
  border-radius:26px; overflow:clip;
}
body :is(.home-shell,.profile-wrap,.projects-shell) > .wbs-optics-root--feature:has(> .wbs-footer-v6) {
  width:100%; max-width:none; min-width:0; margin:28px 0 22px;
}
body.site-page .wbs-optics-root--feature > .wbs-footer-v6,
body.account-page .wbs-optics-root--feature > .wbs-footer-v6,
body.wbs-projects-page .wbs-optics-root--feature > .wbs-footer-v6,
body.auth-page .wbs-optics-root--feature > .wbs-footer-v6 {margin:0;width:100%;max-width:none;}
body.auth-page > .wbs-footer-v6,
body.auth-page > .wbs-optics-root--feature:has(> .wbs-footer-v6) {
  width:min(1160px,calc(100% - 36px)); align-self:center;
  margin:26px auto 30px;flex:0 0 auto;z-index:4;
}
body.auth-page > .wbs-optics-root--feature > .wbs-footer-v6 {width:100%;margin:0;}
body .wbs-footer-v6__bottom {opacity:.9}
body .wbs-footer-v6 .wbs-footer-v5__top {gap:clamp(20px,3.5vw,58px)}
/* Shared Liquid Glass surface for all informational tiles. No opaque placeholder panels. */
body.site-page :is(.top-modules-panel-v5,.top-modules-empty,.news-card-v5,.history-entry-v2,.category-card,.feature-tool,.workspace-card,.history-detail-section,.news-detail-section),
body.wbs-projects-page .project-card {
  border:1px solid rgba(222,214,255,.47);
  background:linear-gradient(128deg,rgba(216,209,255,.16) 0%,rgba(110,85,169,.12) 50%,rgba(23,25,69,.25) 100%);
  box-shadow:0 16px 48px rgba(3,4,24,.32), inset 0 1px 0 rgba(255,255,255,.30);
  backdrop-filter:blur(20px) saturate(1.48);
  -webkit-backdrop-filter:blur(20px) saturate(1.48);
}
body.home-page .top-modules-panel-v5 {background:linear-gradient(128deg,rgba(207,191,255,.15),rgba(52,47,117,.19),rgba(16,19,48,.29));}
body.home-page .top-modules-empty {background:rgba(72,54,132,.13);}
body.home-page .news-card-v5__body {background:linear-gradient(105deg,rgba(67,49,127,.08),rgba(37,32,83,.17));}
body.tools-page .category-card {background:linear-gradient(115deg,rgba(206,192,255,.16),rgba(72,61,146,.16),rgba(17,20,51,.23));}
body.tools-page .feature-tool {background:linear-gradient(115deg,rgba(211,195,255,.14),rgba(68,55,134,.16),rgba(17,20,53,.22));}
body.site-page :is(.news-card-v5,.history-entry-v2,.feature-tool,.workspace-card,.top-modules-panel-v5,.category-card) {border-radius:25px;overflow:clip;}
body.site-page :is(.news-card-v5,.history-entry-v2,.category-card,.feature-tool,.top-modules-panel-v5) :is(h2,h3) {text-shadow:0 2px 10px rgba(15,9,44,.28)}
@media(max-width:630px) {
 body .wbs-footer-v6 {padding:24px 19px 18px;min-height:0;}
 body.auth-page > .wbs-footer-v6,body.auth-page > .wbs-optics-root--feature:has(> .wbs-footer-v6) {width:calc(100% - 20px);}
 body .wbs-footer-v6 .wbs-footer-v5__top {gap:20px;}
}

/* WopBlockStudio — Prism Crown navigation */
:root {
    --wbs-header-width: min(1360px, calc(100% - 28px));
}

body .wbs-unified-header {
    position: sticky;
    top: 12px;
    z-index: 110;
    width: var(--wbs-header-width);
    max-width: none;
    margin: 14px auto 0;
    padding: 11px 16px;
    min-height: 76px;
    border-radius: 27px;
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr) auto;
    align-items: center;
    gap: 15px;
    overflow: clip;

    background: linear-gradient(
        115deg,
        rgba(189,162,255,.23),
        rgba(53,39,119,.35) 45%,
        rgba(13,19,56,.62)
    );

    border: 1px solid rgba(224,212,255,.48);

    box-shadow:
        0 20px 56px rgba(3,3,26,.44),
        inset 0 1px rgba(255,255,255,.32),
        0 0 35px rgba(130,63,255,.09);

    backdrop-filter: blur(22px) saturate(155%);
    -webkit-backdrop-filter: blur(22px) saturate(155%);
}

body .wbs-unified-header::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,.14),
        transparent 25%,
        transparent 75%,
        rgba(61,236,255,.09)
    );
}

body .wbs-unified-header > * {
    position: relative;
    z-index: 1;
    min-width: 0;
}

/* Логотип */
body .wbs-unified-header > .brand {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 210px;
    height: 53px;
    margin: 0;
    padding: 5px 11px;
    border-radius: 17px;
    border: 1px solid rgba(227,211,255,.20);
    background: rgba(150,107,255,.09);
}

body .wbs-unified-header > .brand img {
    width: 100%;
    max-width: 195px;
    height: 40px;
    object-fit: contain;
    object-position: left;
}

/* Навигация */
body .wbs-unified-header .main-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 3px;
    width: auto;
    margin: 0;
    padding: 4px;
    border: 1px solid rgba(209,199,255,.14);
    border-radius: 17px;
    background: rgba(8,9,41,.21);
}

body .wbs-unified-header .main-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: auto;
    min-height: 41px;
    padding: 9px clamp(7px,.9vw,13px);
    border: 1px solid transparent;
    border-radius: 13px;
    color: #eeeafa;
    text-decoration: none;
    white-space: nowrap;
    font-size: clamp(12px,.95vw,14px);
}

body .wbs-unified-header .main-nav a:hover,
body .wbs-unified-header .main-nav a.active {
    color: #fff;
    border-color: rgba(221,208,255,.38);
    background: linear-gradient(
        125deg,
        rgba(125,106,250,.35),
        rgba(160,68,225,.2)
    );
    box-shadow: inset 0 -2px rgba(91,229,250,.62);
}

/* Язык и профиль */
body .wbs-unified-header .header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin: 0;
}

body .wbs-unified-header .language-switcher {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border-radius: 13px;
    background: rgba(10,9,34,.31);
    border: 1px solid rgba(215,202,255,.25);
}

body .wbs-unified-header .language-switcher a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 36px;
    padding: 5px 7px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 12px;
}

body .wbs-unified-header .language-switcher a.active {
    color: #fff;
    background: rgba(129,92,247,.43);
}

body .wbs-unified-header .header-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 75px;
    min-height: 42px;
    padding: 8px 13px;
    border-radius: 13px;
    border: 1px solid rgba(227,200,255,.42);
    background: linear-gradient(
        125deg,
        rgba(101,94,253,.37),
        rgba(173,59,225,.28)
    );
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    font-size: 13px;
}

body .wbs-unified-header .wbs-menu-toggle {
    display: none;
    cursor: pointer;
    font: inherit;
}

body .wbs-unified-header :is(a,button):focus-visible {
    outline: 2px solid #6ee9ff;
    outline-offset: 3px;
}

/* Существующий WebGL Liquid Glass */
body .wbs-optics-root--header {
    width: var(--wbs-header-width);
    position: sticky;
    top: 12px;
    z-index: 110;
    margin: 14px auto 0;
}

body .wbs-optics-root--header > .wbs-unified-header {
    position: relative;
    top: auto;
    width: 100%;
    margin: 0;
}

/* Планшеты и телефоны */
@media (max-width: 1050px) {
    body .wbs-unified-header {
        grid-template-columns: minmax(0,1fr) auto;
        gap: 8px;
        padding: 9px 12px;
        min-height: 65px;
    }

    body .wbs-unified-header > .brand {
        grid-column: 1;
        grid-row: 1;
        max-width: 210px;
        height: 47px;
    }

    body .wbs-unified-header > .brand img {
        max-width: 180px;
        height: 36px;
    }

    body .wbs-unified-header > .wbs-menu-toggle {
        grid-column: 2;
        grid-row: 1;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 43px;
        padding: 8px 12px;
        border-radius: 13px;
        color: #fff;
        border: 1px solid rgba(224,211,255,.43);
        background: linear-gradient(
            125deg,
            rgba(118,91,248,.39),
            rgba(129,65,192,.26)
        );
    }

    body .wbs-unified-header .main-nav {
        grid-column: 1/-1;
        grid-row: 2;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        gap: 5px;
        padding: 9px;
    }

    body .wbs-unified-header .main-nav a {
        font-size: 13px;
        padding: 9px 13px;
    }

    body .wbs-unified-header .header-actions {
        grid-column: 1/-1;
        grid-row: 3;
        justify-content: center;
        padding: 5px 0;
    }

    body .wbs-unified-header.wbs-menu-ready > .wbs-menu-toggle {
        display: inline-flex;
    }

    body .wbs-unified-header.wbs-menu-ready:not(.wbs-nav-open) .main-nav,
    body .wbs-unified-header.wbs-menu-ready:not(.wbs-nav-open) .header-actions {
        display: none;
    }
}

@media (max-width: 520px) {
    :root {
        --wbs-header-width: calc(100% - 14px);
    }

    body .wbs-unified-header {
        padding: 8px;
        border-radius: 22px;
    }

    body .wbs-unified-header > .brand {
        max-width: 155px;
        height: 44px;
        padding: 4px 7px;
    }

    body .wbs-unified-header > .brand img {
        max-width: 140px;
        height: 31px;
    }

    body .wbs-unified-header .main-nav {
        flex-direction: column;
        align-items: stretch;
    }

    body .wbs-unified-header .main-nav a {
        width: 100%;
        justify-content: flex-start;
    }

    body .wbs-unified-header .header-actions {
        flex-wrap: wrap;
    }
}