.vgb{padding:40px 20px 80px;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.vgb-wrap{max-width:1180px;margin:0 auto}
.vgb-art{max-width:820px}
.vgb-crumbs{display:flex;gap:10px;align-items:center;font-size:13.5px;margin-bottom:26px;color:#8f8676}
.vgb-crumbs a{color:#d4af6a!important;-webkit-text-fill-color:#d4af6a!important;text-decoration:none}
.vgb-crumbs span{color:#8f8676!important;-webkit-text-fill-color:#8f8676!important}
.vgb-top{text-align:center;max-width:760px;margin:10px auto 40px}
.vgb-kick{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#d4af6a!important;-webkit-text-fill-color:#d4af6a!important}
.vgb-top h1{font-size:clamp(32px,4.6vw,52px);line-height:1.08;margin:12px 0 16px;color:#f5ecd9!important;-webkit-text-fill-color:#f5ecd9!important}
.vgb-top h1 span{background:linear-gradient(100deg,#f6dc9a,#c9963d 55%,#f1cf86);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}
.vgb-top p{font-size:17.5px;line-height:1.6;color:#a99d88!important;-webkit-text-fill-color:#a99d88!important;margin:0}
.vgb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
.vgb-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;text-decoration:none!important;background:#15110c!important;box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 0 0 1px rgba(212,175,106,.2);transition:transform .25s,box-shadow .25s}
.vgb-card:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(212,175,106,.5)}
.vgb-ph{aspect-ratio:16/9;overflow:hidden;background:#1d1710;display:grid;place-items:center}
.vgb-ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.vgb-card:hover .vgb-ph img{transform:scale(1.05)}
.vgb-noimg{font-size:46px}
.vgb-ct{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.vgb-meta{font-size:12.5px;letter-spacing:.04em;color:#b8955a!important;-webkit-text-fill-color:#b8955a!important}
.vgb-ct h3{font-size:20px;line-height:1.3;margin:8px 0 10px;color:#f5ecd9!important;-webkit-text-fill-color:#f5ecd9!important}
.vgb-ct p{font-size:14.5px;line-height:1.6;margin:0 0 16px;color:#a99d88!important;-webkit-text-fill-color:#a99d88!important;flex:1}
.vgb-ct em{font-style:normal;font-weight:600;font-size:14px;color:#e2b45c!important;-webkit-text-fill-color:#e2b45c!important}
.vgb-empty{text-align:center;color:#a99d88}
.vgb-hd h1{font-size:clamp(30px,4.4vw,46px);line-height:1.12;margin:10px 0 16px;color:#f5ecd9!important;-webkit-text-fill-color:#f5ecd9!important}
.vgb-lead{font-size:19px;line-height:1.6;color:#c9bda6!important;-webkit-text-fill-color:#c9bda6!important;margin:0 0 26px}
.vgb-cover{margin:0 0 34px;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.vgb-cover img{display:block;width:100%;height:auto}
.vgb-body{font-size:18px;line-height:1.75;color:#ddd3c0!important;-webkit-text-fill-color:#ddd3c0!important}
.vgb-body *{-webkit-text-fill-color:currentColor!important}
.vgb-body p{margin:0 0 20px;color:#ddd3c0!important}
.vgb-body h2{font-size:28px;line-height:1.25;margin:44px 0 16px;color:#f5ecd9!important}
.vgb-body h3{font-size:21px;margin:32px 0 12px;color:#f1cf86!important}
.vgb-body b{color:#f5ecd9!important}
.vgb-body a:not(.vgb-btn){color:#e2b45c!important;text-decoration:underline;text-underline-offset:3px}
.vgb-body ul,.vgb-body ol{margin:0 0 22px;padding-left:4px;list-style:none}
.vgb-body li{position:relative;padding-left:28px;margin:0 0 10px;color:#ddd3c0!important}
.vgb-body ul li:before{content:"";position:absolute;left:6px;top:.72em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#f3d58f,#c9963d)}
.vgb-body ol{counter-reset:n}
.vgb-body ol li{counter-increment:n}
.vgb-body ol li:before{content:counter(n);position:absolute;left:0;top:.18em;width:21px;height:21px;border-radius:50%;font-size:12px;font-weight:700;display:grid;place-items:center;background:rgba(212,175,106,.15);color:#f1cf86!important}
.vgb-body blockquote{margin:26px 0;padding:18px 22px;border-left:3px solid #d4af6a;border-radius:0 14px 14px 0;background:rgba(212,175,106,.07);font-size:17.5px;color:#e8dcc4!important}
.vgb-body figure{margin:30px 0}
.vgb-body figure img{display:block;width:100%;height:auto;border-radius:16px}
.vgb-body figcaption{font-size:14px;color:#8f8676!important;text-align:center;margin-top:10px}
.vgb-btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 24px;border-radius:13px;font-weight:700;font-size:15.5px;text-decoration:none!important;color:#1a1308!important;-webkit-text-fill-color:#1a1308!important;background:linear-gradient(135deg,#f3d58f,#c9963d);box-shadow:0 10px 26px rgba(201,150,61,.3)}
.vgb-btn.ghost{background:none;border:1px solid rgba(212,175,106,.5);color:#f1cf86!important;-webkit-text-fill-color:#f1cf86!important;box-shadow:none}
.vgb-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:46px 0 10px;padding:26px;border-radius:20px;background:linear-gradient(135deg,#241b10,#120e09)!important;box-shadow:inset 0 0 0 1px rgba(212,175,106,.3)}
.vgb-cta div{flex:1;min-width:240px}
.vgb-cta b{display:block;font-size:19px;color:#f5ecd9!important;-webkit-text-fill-color:#f5ecd9!important;margin-bottom:4px}
.vgb-cta span{font-size:14.5px;color:#a99d88!important;-webkit-text-fill-color:#a99d88!important}
.vgb-more{margin-top:60px}
.vgb-more h2{font-size:26px;margin:0 0 20px;color:#f5ecd9!important;-webkit-text-fill-color:#f5ecd9!important}
.vgb-art .vgb-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.vgb-art .vgb-ct h3{font-size:17px}
html[data-theme="light"] .vgb-top h1,html[data-theme="light"] .vgb-hd h1,html[data-theme="light"] .vgb-more h2{color:#1c1a17!important;-webkit-text-fill-color:#1c1a17!important}
html[data-theme="light"] .vgb-top h1 span{background:linear-gradient(100deg,#b8901f,#8a6510 55%,#b8901f);-webkit-background-clip:text;background-clip:text}
html[data-theme="light"] .vgb-top p,html[data-theme="light"] .vgb-lead{color:#5b554b!important;-webkit-text-fill-color:#5b554b!important}
html[data-theme="light"] .vgb-kick,html[data-theme="light"] .vgb-crumbs a,html[data-theme="light"] .vgb-meta{color:#9a7414!important;-webkit-text-fill-color:#9a7414!important}
html[data-theme="light"] .vgb-body,html[data-theme="light"] .vgb-body p,html[data-theme="light"] .vgb-body li{color:#2f2b25!important}
html[data-theme="light"] .vgb-body h2,html[data-theme="light"] .vgb-body b{color:#1c1a17!important}
html[data-theme="light"] .vgb-body h3{color:#8a6510!important}
html[data-theme="light"] .vgb-body a:not(.vgb-btn){color:#8a6510!important}
html[data-theme="light"] .vgb-body blockquote{background:#f6efe0;color:#3f3a33!important}
html[data-theme="light"] .vgb-card{box-shadow:0 18px 44px rgba(60,45,20,.18),inset 0 0 0 1px rgba(212,175,106,.3)}
@media(max-width:700px){.vgb{padding:24px 14px 60px}.vgb-body{font-size:17px}.vgb-body h2{font-size:24px}.vgb-grid{grid-template-columns:1fr}.vgb-cta{padding:20px}.vgb-btn{width:100%}}
html[data-theme="light"] .vgb-body ol li:before{background:#e9d7a8;color:#6b4e0c!important}
/* ===== Вариант «Журнал» ===== */
.vgb-top{margin-bottom:34px!important}
.vgb-mag{display:grid;grid-template-columns:1.7fr 1fr;gap:24px;margin-bottom:46px}
.vgb-hero{position:relative;display:block;min-height:480px;border-radius:26px;overflow:hidden;text-decoration:none!important;border:1px solid rgba(201,150,61,.6);box-shadow:0 30px 70px rgba(60,40,10,.3);isolation:isolate}
.vgb-hero-ph{position:absolute;inset:0;z-index:-2;background:#15110c}
.vgb-hero-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.vgb-hero:hover .vgb-hero-ph img{transform:scale(1.05)}
.vgb-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,8,5,.05) 20%,rgba(10,8,5,.55) 55%,rgba(10,8,5,.94))}
.vgb-hero-in{position:absolute;left:0;right:0;bottom:0;padding:34px 36px}
.vgb-new{display:inline-block;margin-bottom:12px;padding:5px 12px;border-radius:20px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1a1308!important;-webkit-text-fill-color:#1a1308!important;background:linear-gradient(135deg,#f3d58f,#c9963d)}
.vgb-hero-in .vgb-meta{display:block;margin-bottom:8px;color:#e8c27a!important;-webkit-text-fill-color:#e8c27a!important}
.vgb-hero h2{margin:0 0 10px;font-size:clamp(26px,3vw,38px);line-height:1.15;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 20px rgba(0,0,0,.4)}
.vgb-hero p{margin:0 0 16px;max-width:600px;font-size:16px;line-height:1.55;color:#e8dcc4!important;-webkit-text-fill-color:#e8dcc4!important}
.vgb-hero em{font-style:normal;font-weight:700;color:#f1cf86!important;-webkit-text-fill-color:#f1cf86!important}
.vgb-side{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:26px;background:linear-gradient(170deg,#fffdf8,#f6eedd)!important;border:1px solid rgba(201,150,61,.5);box-shadow:0 18px 44px rgba(90,65,20,.12)}
.vgb-side-h{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#9a7414!important;-webkit-text-fill-color:#9a7414!important;margin:0 0 8px;padding-bottom:12px;border-bottom:1px solid rgba(201,150,61,.3)}
.vgb-si{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:10px;border-radius:16px;text-decoration:none!important;transition:background .25s}
.vgb-si:hover{background:rgba(201,150,61,.1)}
.vgb-si-ph{width:96px;height:72px;border-radius:12px;overflow:hidden;background:#15110c;display:grid;place-items:center}
.vgb-si-ph img{width:100%;height:100%;object-fit:cover}
.vgb-si .vgb-meta{display:block;font-size:11.5px;margin-bottom:4px}
.vgb-si b{font-size:15px;line-height:1.35;color:#1c1a17!important;-webkit-text-fill-color:#1c1a17!important}
.vgb-tag{font-style:normal;display:inline-block;margin-right:8px;padding:2px 9px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(201,150,61,.18);color:#8a6510!important;-webkit-text-fill-color:#8a6510!important}
.vgb-hero .vgb-tag{background:rgba(241,207,134,.22);color:#f6dc9a!important;-webkit-text-fill-color:#f6dc9a!important}
.vgb-sc{margin-top:auto;padding:18px;border-radius:18px;text-align:center;background:linear-gradient(135deg,#241b10,#120e09)!important}.vgb-sc b{display:block;font-size:16px;color:#f5ecd9!important;-webkit-text-fill-color:#f5ecd9!important}.vgb-sc span{display:block;font-size:13px;margin:4px 0 12px;color:#b9ae9a!important;-webkit-text-fill-color:#b9ae9a!important}.vgb-sc a{display:inline-flex;height:40px;align-items:center;padding:0 20px;border-radius:11px;font-weight:700;font-size:14px;text-decoration:none!important;color:#1a1308!important;-webkit-text-fill-color:#1a1308!important;background:linear-gradient(135deg,#f3d58f,#c9963d)}
.vgb-hero{min-height:0!important;display:flex!important;flex-direction:column;background:linear-gradient(170deg,#fffdf8,#f6eedd)!important}.vgb-hero::before{display:none}.vgb-hero-ph{position:relative!important;inset:auto!important;z-index:0!important;aspect-ratio:16/9;overflow:hidden}.vgb-hero-in{position:relative!important;padding:24px 30px 28px!important}.vgb-hero h2{color:#1c1a17!important;-webkit-text-fill-color:#1c1a17!important;text-shadow:none!important;font-size:clamp(22px,2.4vw,30px)!important}.vgb-hero p{color:#5b554b!important;-webkit-text-fill-color:#5b554b!important}.vgb-hero em,.vgb-hero-in .vgb-meta{color:#9a7414!important;-webkit-text-fill-color:#9a7414!important}.vgb-hero .vgb-tag{background:rgba(201,150,61,.18)!important;color:#8a6510!important;-webkit-text-fill-color:#8a6510!important}html:not([data-theme="light"]) .vgb-hero{background:linear-gradient(170deg,#1b160f,#0f0c08)!important}html:not([data-theme="light"]) .vgb-hero h2{color:#f5ecd9!important;-webkit-text-fill-color:#f5ecd9!important}html:not([data-theme="light"]) .vgb-hero p{color:#b9ae9a!important;-webkit-text-fill-color:#b9ae9a!important}
.vgb-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 28px}
.vgb-tabs button{height:40px;padding:0 18px;border-radius:30px;cursor:pointer;font:600 14px Inter,system-ui,sans-serif;border:1.5px solid rgba(201,150,61,.5);background:#fffdf8!important;color:#3f3a33!important;-webkit-text-fill-color:#3f3a33!important;transition:.25s}
.vgb-tabs button:hover{border-color:#c9963d}
.vgb-tabs button.on{border-color:transparent;background:linear-gradient(135deg,#f3d58f,#c9963d)!important;color:#1a1308!important;-webkit-text-fill-color:#1a1308!important;box-shadow:0 8px 20px rgba(201,150,61,.3)}
/* светлые карточки */
.vgb-all .vgb-card{background:linear-gradient(170deg,#fffdf8,#f6eedd)!important;border:1px solid rgba(201,150,61,.5);box-shadow:0 18px 44px rgba(90,65,20,.12)!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.vgb-all .vgb-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 64px rgba(120,85,25,.25)!important;border-color:#c9963d}
.vgb-all .vgb-ph{position:relative;background:#f3ead8}
.vgb-all .vgb-ph::after{content:none}
.vgb-all .vgb-ct h3{color:#1c1a17!important;-webkit-text-fill-color:#1c1a17!important}
.vgb-all .vgb-ct p{color:#5b554b!important;-webkit-text-fill-color:#5b554b!important}
.vgb-all .vgb-ct em{color:#9a7414!important;-webkit-text-fill-color:#9a7414!important}
.vgb-all .vgb-meta{color:#9a7414!important;-webkit-text-fill-color:#9a7414!important}
/* тёмная тема */
html:not([data-theme="light"]) .vgb-side,html:not([data-theme="light"]) .vgb-all .vgb-card{background:linear-gradient(170deg,#1b160f,#0f0c08)!important;box-shadow:0 18px 44px rgba(0,0,0,.45)!important}
html:not([data-theme="light"]) .vgb-si b,html:not([data-theme="light"]) .vgb-all .vgb-ct h3{color:#f5ecd9!important;-webkit-text-fill-color:#f5ecd9!important}
html:not([data-theme="light"]) .vgb-all .vgb-ct p{color:#b9ae9a!important;-webkit-text-fill-color:#b9ae9a!important}
html:not([data-theme="light"]) .vgb-all .vgb-ct em,html:not([data-theme="light"]) .vgb-all .vgb-meta,html:not([data-theme="light"]) .vgb-side-h{color:#e2b45c!important;-webkit-text-fill-color:#e2b45c!important}
html:not([data-theme="light"]) .vgb-tag{color:#f1cf86!important;-webkit-text-fill-color:#f1cf86!important}
html:not([data-theme="light"]) .vgb-tabs button:not(.on){background:#15110c!important;color:#e8dcc4!important;-webkit-text-fill-color:#e8dcc4!important}
@media(max-width:960px){.vgb-mag{grid-template-columns:1fr}.vgb-hero{min-height:420px}}
@media(max-width:600px){.vgb-hero{min-height:380px}.vgb-hero-in{padding:22px}.vgb-hero p{display:none}.vgb-si{grid-template-columns:80px 1fr}.vgb-si-ph{width:80px;height:60px}}