/* Vice Blog v2 (06.11.2026) — /blog ve yazı sayfası, Vice imza diliyle. ops/blog-yenileme-20261106/README.md
   Renk ve yazılar kimlik belirteçlerinden (vice-kimlik-2026.css); yedek değerler yalnız kimlik yüklenmediğinde çalışır.
   Görsel üstündeki alanlar (üst bant, öne çıkan, yazı kapağı) iki modda da gece sahnesi; kartlar ve gövde moda uyar. */
.vbl{--b-bg:var(--vx-canvas,#07090d);--b-surface:var(--vx-surface,#10151c);--b-raised:var(--vx-raised,#171d26);--b-sunken:var(--vx-sunken,#0b0f14);
	--b-line:var(--vx-line,#2a3441);--b-ink:var(--vx-ink,#f2f4f8);--b-muted:var(--vx-muted,#b0bccb);--b-faint:var(--vx-faint,#8391a3);
	--b-pink:var(--vx-pink,#f49ac1);--b-gold:var(--vx-gold,#e7cb89);--b-on-gold:var(--vx-on-gold,#14171c);--b-blue:var(--vx-blue,#91ceff);
	--b-night:#07090d;--b-night-ink:#f2f4f8;--b-night-muted:#c3ccd8;--b-cream:var(--vk-cream,#f3ead6);--b-paper-ink:var(--vk-paper-ink,#14171c);
	--b-sun:var(--vk-sun,linear-gradient(92deg,#f49ac1 0%,#f17f97 45%,#e7cb89 100%));
	--b-display:var(--vk-display,ViceDisplay,"Bebas Neue",Impact,sans-serif);--b-cond:var(--vk-cond,"Barlow Condensed",Barlow,"Arial Narrow",sans-serif);
	--b-mono:var(--vk-mono,"JetBrains Mono",Consolas,monospace);--b-sans:var(--vk-sans,Barlow,"Segoe UI",Arial,sans-serif);--b-ease:var(--vk-ease,cubic-bezier(.2,.7,.2,1));
	display:flex;flex-direction:column;gap:22px;max-width:1240px;margin:18px auto 48px;padding:0 12px;color:var(--b-ink);font-family:var(--b-sans)}
.vbl *,.vbl *::before,.vbl *::after{box-sizing:border-box}
.vbl a{text-decoration:none!important}
.vbl img{display:block;max-width:100%}
.vbl :focus-visible{outline:2px solid var(--b-blue);outline-offset:2px}

/* ortak parçalar */
.vbl-k{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 16px;font:600 13px/1.2 var(--b-cond);letter-spacing:.18em;text-transform:uppercase;color:var(--b-blue)}
.vbl-k a{color:inherit!important}
.vbl-k b{font-weight:600;color:var(--b-night-ink)}
.vbl-k b a{color:inherit!important}
.vbl-k b::before{content:"/";margin-right:10px;color:#8391a3}
.vbl-bars{display:inline-flex;gap:3px}
.vbl-bars i{display:block;width:14px;height:4px;transform:skewX(-24deg);background:#f49ac1}
.vbl-bars i:nth-child(2){background:#f17f97}.vbl-bars i:nth-child(3){background:#e7cb89}
.vbl .vbl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;height:auto;margin:0;padding:0 18px;border:1px solid var(--b-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--b-ink)!important;-webkit-text-fill-color:currentColor;
	font:700 14px/1 var(--b-cond)!important;letter-spacing:.14em;text-transform:uppercase;text-shadow:none;cursor:pointer;transition:border-color .2s var(--b-ease),filter .2s var(--b-ease),transform .2s var(--b-ease);
	clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.vbl .vbl-btn:hover{border-color:var(--b-gold)!important;transform:translateY(-1px)}
.vbl .vbl-btn--gold{background:var(--b-gold)!important;border-color:var(--b-gold)!important;color:var(--b-on-gold)!important;-webkit-text-fill-color:var(--b-on-gold)}
.vbl .vbl-btn--gold:hover{filter:brightness(1.06)}
.vbl .vbl-btn--sm{min-height:34px;padding:0 14px;font-size:13px!important}
.vbl-hero .vbl-btn:not(.vbl-btn--gold),.vbl-feat .vbl-btn:not(.vbl-btn--gold){border-color:#2a3441!important;color:#f2f4f8!important}
.vbl-cat{display:inline-block;font:600 12px/1 var(--b-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--b-pink)!important}
.vbl-cat:hover{color:var(--b-gold)!important}
.vbl-label{display:inline-block;padding:5px 10px 4px;background:var(--b-cream);color:var(--b-paper-ink);font:700 12px/1 var(--b-cond);letter-spacing:.14em;text-transform:uppercase;transform:rotate(-1.5deg)}
.vbl-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font:500 12px/1.3 var(--b-mono);letter-spacing:.04em;color:var(--b-faint)}
.vbl-meta time{color:var(--b-gold)}
.vbl-meta span::before{content:"·";margin-right:14px;color:var(--b-line)}
.vbl-staff{display:inline-flex;gap:6px;align-items:center}
.vbl-staff form{margin:0;display:inline-flex}
.vbl .vbl-staff__btn{display:inline-flex;align-items:center;gap:6px;min-height:30px;height:auto;margin:0;padding:0 9px;border:1px solid var(--b-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--b-muted)!important;font:600 12px/1 var(--b-cond);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.vbl-staff__btn:hover{border-color:var(--b-gold);color:var(--b-gold)!important}
.vbl-staff__btn--danger:hover{border-color:#f17f97;color:#f17f97!important}
.vbl .vc-blog-flash{margin:0;padding:12px 16px;border:1px solid var(--b-line);background:var(--b-surface);color:var(--b-ink)}

/* site kabuğu başlıklara kendi yazı tipini !important ile veriyor; imza yazı tipleri burada geri alınır */
.vbl .vbl-hero__h,.vbl .vbl-head h2{font-family:var(--b-display)!important;font-weight:400!important}
.vbl .vbl-feat__h,.vbl .vbl-card__h,.vbl .vbl-art__h,.vbl .vbl-body h2,.vbl .vbl-body h3{font-family:var(--b-cond)!important;font-weight:700!important}
.vbl .vbl-box__h{font-family:var(--b-mono)!important;font-weight:600!important}
.vbl p,.vbl li,.vbl td,.vbl input,.vbl figcaption{font-family:var(--b-sans)}

.vbl .vbl-k b,.vbl .vbl-k a{font-family:var(--b-cond)!important;font-weight:600!important;letter-spacing:.18em}
.vbl .vbl-body p,.vbl .vbl-body li,.vbl .vbl-body td{color:var(--b-ink)!important}
.vbl .vbl-body p.vbl-note{color:var(--b-faint)!important}
.vbl .vbl-body .vbl-table tr:first-child td{color:var(--b-gold)!important}
.vbl .vbl-body blockquote cite{display:none}

/* üst bant */
.vbl-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:380px;background:var(--b-night);border:1px solid #2a3441;overflow:hidden;color:var(--b-night-ink);
	clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.vbl-hero::before,.vbl-feat::before,.vbl-art__head::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--b-sun);z-index:4}
.vbl-hero__in{position:relative;z-index:3;align-self:center;padding:48px 20px 48px 48px}
.vbl-hero__h{margin:0 0 14px;max-width:15ch;font:400 clamp(44px,5.6vw,84px)/.9 var(--b-display);text-transform:uppercase;color:var(--b-night-ink);letter-spacing:.01em}
.vbl-hero__t{margin:0 0 24px;max-width:48ch;font-size:17px;line-height:1.55;color:var(--b-night-muted)}
.vbl-search{display:flex;gap:8px;max-width:460px}
.vbl-search input[type=search]{flex:1;min-width:0;height:42px;padding:0 14px;border:1px solid #2a3441;background:#0b0f14;color:#f2f4f8;font:500 15px/1 var(--b-sans);border-radius:0}
.vbl-search input[type=search]::placeholder{color:#8391a3}
.vbl-search input[type=search]:focus{border-color:#e7cb89;outline:0}
.vbl-hero__tools{position:absolute;z-index:5;top:20px;right:44px;display:flex;gap:10px;align-items:center}
.vbl-lang{display:inline-flex;border:1px solid #2a3441;background:rgba(7,9,13,.72)}
.vbl-lang a{display:block;padding:8px 12px 7px;font:600 12px/1 var(--b-mono);letter-spacing:.08em;color:#b0bccb!important}
.vbl-lang a.is-active{background:#f2f4f8;color:#14171c!important}
.vbl-hero__shots{position:relative;z-index:1;display:flex;gap:6px;margin:0 -40px 0 0;transform:skewX(-9deg);transform-origin:bottom}
.vbl-hero__shots span{flex:1;overflow:hidden;background:#10151c}
.vbl-hero__shots img{width:150%;max-width:none;height:100%;object-fit:cover;transform:skewX(9deg) translateX(-16%);filter:saturate(1.05)}
.vbl-hero__shots::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07090d 0%,rgba(7,9,13,.35) 30%,rgba(7,9,13,0) 60%),linear-gradient(0deg,rgba(7,9,13,.6) 0%,rgba(7,9,13,0) 40%)}
.vbl-hero__ghost{position:absolute;z-index:2;right:-10px;bottom:-34px;font:400 clamp(120px,17vw,230px)/.8 var(--b-display);text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(242,244,248,.16);pointer-events:none;user-select:none}

/* kategoriler */
.vbl-cats{display:flex;gap:4px;overflow-x:auto;padding:0 0 2px;border-bottom:1px solid var(--b-line);scrollbar-width:none}
.vbl-cats::-webkit-scrollbar{display:none}
.vbl-cats a{position:relative;flex:none;padding:12px 16px 13px;font:700 15px/1 var(--b-cond);letter-spacing:.12em;text-transform:uppercase;color:var(--b-muted)!important;white-space:nowrap}
.vbl-cats a:hover{color:var(--b-ink)!important}
.vbl-cats a.is-active{color:var(--b-ink)!important}
.vbl-cats a.is-active::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;background:var(--b-sun);transform:skewX(-24deg)}

/* öne çıkan */
.vbl-feat{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:400px;background:var(--b-night);border:1px solid #2a3441;overflow:hidden;color:var(--b-night-ink)}
.vbl-feat__pic{position:relative;display:block;overflow:hidden}
.vbl-feat__pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--b-ease)}
.vbl-feat:hover .vbl-feat__pic img{transform:scale(1.03)}
.vbl-feat__pic::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#07090d 0%,rgba(7,9,13,0) 38%)}
.vbl-feat__in{position:relative;z-index:2;align-self:center;padding:40px 44px 40px 16px}
.vbl-feat__tags{display:flex;align-items:center;gap:14px;margin:0 0 16px}
.vbl-feat__h{margin:0 0 14px;font:700 clamp(28px,3vw,42px)/1.08 var(--b-cond);letter-spacing:.005em}
.vbl-feat__h a{color:var(--b-night-ink)!important}
.vbl-feat__h a:hover{color:#e7cb89!important}
.vbl-feat__t{margin:0 0 18px;font-size:17px;line-height:1.6;color:var(--b-night-muted)}
.vbl-feat__acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:24px}
.vbl-feat .vbl-meta{color:#8391a3}

/* liste */
.vbl-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.vbl-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 16px}
.vbl-head h2{margin:0;font:400 34px/1 var(--b-display);text-transform:uppercase;letter-spacing:.02em;color:var(--b-ink)}
.vbl-head span{font:500 12px/1 var(--b-mono);letter-spacing:.06em;color:var(--b-faint)}
.vbl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vbl-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vbl-card{position:relative;display:flex;flex-direction:column;background:var(--b-surface);border:1px solid var(--b-line);transition:border-color .25s var(--b-ease),transform .25s var(--b-ease)}
.vbl-card::before{content:"";position:absolute;inset:-1px -1px auto -1px;height:3px;background:var(--b-sun);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--b-ease);z-index:2}
.vbl-card:hover{border-color:var(--vx-line-strong,#5c6b80);transform:translateY(-2px)}
.vbl-card:hover::before{transform:scaleX(1)}
.vbl-card__pic{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--b-sunken)}
.vbl-card__pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--b-ease)}
.vbl-card:hover .vbl-card__pic img{transform:scale(1.04)}
.vbl-card__in{display:flex;flex-direction:column;flex:1;padding:18px 20px 16px}
.vbl-card__h{margin:10px 0 8px;font:700 22px/1.18 var(--b-cond);letter-spacing:.005em}
.vbl-card__h a{color:var(--b-ink)!important}
.vbl-card__h a:hover{color:var(--b-gold)!important}
.vbl-card__t{margin:0 0 16px;font-size:15px;line-height:1.55;color:var(--b-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vbl-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--b-line)}
.vbl-empty{padding:40px 20px;border:1px dashed var(--b-line);text-align:center;color:var(--b-muted)}
.vbl-empty--page{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 20px}
.vbl-pages{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:26px}
.vbl-pages__a{display:inline-flex;align-items:center;gap:6px;min-width:38px;height:38px;padding:0 12px;justify-content:center;border:1px solid var(--b-line);font:600 13px/1 var(--b-mono);color:var(--b-muted)!important}
.vbl-pages__a:hover{border-color:var(--b-gold);color:var(--b-gold)!important}
.vbl-pages__a.is-active{background:var(--b-gold);border-color:var(--b-gold);color:var(--b-on-gold)!important}
.vbl-pages__gap{align-self:center;color:var(--b-faint)}

/* yan kutular */
.vbl-side{display:flex;flex-direction:column;gap:18px}
.vbl-side--row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.vbl-box{position:relative;padding:20px;background:var(--b-surface);border:1px solid var(--b-line)}
.vbl-box__h{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:600 12px/1 var(--b-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--b-faint)}
.vbl-box__h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--b-line),transparent)}
.vbl-top{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.vbl-top li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start}
.vbl-top b{font:500 20px/1 var(--b-mono);color:var(--b-gold)}
.vbl-top a{display:block;font:600 17px/1.22 var(--b-cond);color:var(--b-ink)!important}
.vbl-top a:hover{color:var(--b-gold)!important}
.vbl-top span{display:block;margin-top:4px;font:500 11px/1.3 var(--b-mono);letter-spacing:.04em;color:var(--b-faint)}
.vbl-catlist{margin:0;padding:0;list-style:none}
.vbl-catlist a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--b-line);font:600 15px/1 var(--b-cond);letter-spacing:.1em;text-transform:uppercase;color:var(--b-muted)!important}
.vbl-catlist li:last-child a{border-bottom:0}
.vbl-catlist a:hover{color:var(--b-ink)!important}
.vbl-catlist em{font:500 12px/1 var(--b-mono);font-style:normal;color:var(--b-gold)}
.vbl-box--cta p{margin:0 0 14px;font-size:15px;line-height:1.55;color:var(--b-muted)}
.vbl-box__acts{display:flex;flex-wrap:wrap;gap:8px}

/* yazı: kapak ve başlık */
.vbl-art{display:flex;flex-direction:column;gap:28px}
.vbl-art__head{position:relative;display:flex;align-items:flex-end;min-height:460px;background:var(--b-night);border:1px solid #2a3441;overflow:hidden;color:var(--b-night-ink);
	clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.vbl-art__cover{position:absolute;inset:0;margin:0}
.vbl-art__cover img{width:100%;height:100%;object-fit:cover}
.vbl-art__cover::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,9,13,.97) 0%,rgba(7,9,13,.82) 34%,rgba(7,9,13,.25) 70%,rgba(7,9,13,.1) 100%),linear-gradient(90deg,rgba(7,9,13,.6) 0%,rgba(7,9,13,0) 60%)}
.vbl-art__headin{position:relative;z-index:2;width:min(900px,100%);padding:48px 48px 40px}
.vbl-art__h{margin:0 0 14px;font:700 clamp(30px,4.2vw,54px)/1.06 var(--b-cond);letter-spacing:.004em;color:var(--b-night-ink);text-wrap:balance}
.vbl-art__lead{margin:0 0 22px;max-width:62ch;font-size:19px;line-height:1.55;color:var(--b-night-muted)}
.vbl-by{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.vbl-by__av{display:grid;place-items:center;width:34px;height:34px;background:var(--b-sun);color:#14171c;font:400 20px/1 var(--b-display)}
.vbl-by strong{font:700 15px/1 var(--b-cond);letter-spacing:.1em;text-transform:uppercase;color:var(--b-night-ink)}
.vbl-art__head .vbl-meta{color:#aab6c5}
.vbl-draft{display:inline-block;margin:0 0 14px;padding:6px 10px;background:#e7cb89;color:#14171c;font:700 12px/1 var(--b-cond);letter-spacing:.12em;text-transform:uppercase}

/* yazı: gövde */
.vbl-art__grid{display:grid;grid-template-columns:240px minmax(0,760px);gap:48px;justify-content:center;align-items:start}
.vbl-art__grid--solo .vbl-toc ol,.vbl-art__grid--solo .vbl-toc>.vbl-box__h{display:none}
.vbl-toc{position:sticky;top:calc(var(--vk-mast-h,64px) + 20px);display:flex;flex-direction:column;gap:14px}
.vbl-toc ol{margin:0;padding:0;list-style:none;counter-reset:t;border-left:1px solid var(--b-line)}
.vbl-toc li{counter-increment:t}
.vbl-toc li a{display:block;padding:7px 0 7px 14px;margin-left:-1px;border-left:2px solid transparent;font:500 14px/1.3 var(--b-sans);color:var(--b-muted)!important}
.vbl-toc li a:hover{border-left-color:var(--b-gold);color:var(--b-ink)!important}
.vbl-toc__acts{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.vbl-body{font-size:18px;line-height:1.72;color:var(--b-ink);overflow-wrap:break-word}
.vbl-body>p{margin:0 0 1.15em}
.vbl-body>p:first-child{font-size:20px;line-height:1.62}
.vbl-body h2{position:relative;margin:2.1em 0 .7em;padding-top:16px;font:700 30px/1.14 var(--b-cond);letter-spacing:.004em;color:var(--b-ink);scroll-margin-top:calc(var(--vk-mast-h,64px) + 20px)}
.vbl-body h2::before{content:"";position:absolute;top:0;left:0;width:54px;height:4px;background:var(--b-sun);transform:skewX(-24deg)}
.vbl-body h3{margin:1.6em 0 .5em;font:700 22px/1.2 var(--b-cond);color:var(--b-ink)}
.vbl-body a{color:var(--b-gold)!important;border-bottom:1px solid currentColor}
.vbl-body a:hover{color:var(--b-pink)!important}
.vbl-body strong{color:var(--b-ink)}
.vbl-body ul,.vbl-body ol{margin:0 0 1.15em;padding-left:1.3em}
.vbl-body li{margin:.35em 0}
.vbl-body li::marker{color:var(--b-gold)}
.vbl-body blockquote{margin:1.6em 0;padding:18px 22px;background:var(--b-cream);color:var(--b-paper-ink);font-size:19px;line-height:1.5;transform:rotate(-.4deg);box-shadow:0 10px 26px rgba(0,0,0,.28)}
.vbl-table{margin:1.4em 0;overflow-x:auto;border:1px solid var(--b-line)}
.vbl-table table{width:100%;table-layout:auto!important;border-collapse:collapse;font-size:16px;line-height:1.45;background:var(--b-surface)}
.vbl-table td{padding:11px 14px;border-top:1px solid var(--b-line);vertical-align:top;color:var(--b-ink)}
.vbl-table tr:first-child td{border-top:0;background:var(--b-sunken);font:600 12px/1.3 var(--b-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--b-gold)}
.vbl-table td:first-child{font-weight:600;white-space:nowrap}
.vbl-table--wrap td:first-child{white-space:normal}
.vbl-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:1.6em 0}
.vbl-shots figure{position:relative;margin:0;overflow:hidden;background:var(--b-sunken);border:1px solid var(--b-line)}
.vbl-shots img{width:100%;aspect-ratio:4/3;object-fit:cover}
.vbl-shots figcaption{display:flex;flex-direction:column;gap:3px;padding:9px 11px 10px}
.vbl-shots figcaption b{font:700 15px/1.15 var(--b-cond);color:var(--b-ink)}
.vbl-shots figcaption span{font:500 11px/1.25 var(--b-mono);letter-spacing:.03em;color:var(--b-faint)}
.vbl-note{margin:1.6em 0 0;padding-top:14px;border-top:1px solid var(--b-line);font-size:14px;line-height:1.55;color:var(--b-faint)}
.vbl-body .vbl-more{display:flex;flex-direction:column;gap:8px;margin:1.8em 0 0;padding:0;list-style:none}
.vbl-body .vbl-more li{margin:0}
.vbl-more a{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;border:1px solid var(--b-line)!important;background:var(--b-surface);font:700 17px/1.2 var(--b-cond);color:var(--b-ink)!important}
.vbl-more a::after{content:"→";color:var(--b-gold)}
.vbl-more a:hover{border-color:var(--b-gold)!important}
.vbl-related{margin-top:8px}

@media (max-width:1080px){
	.vbl-layout{grid-template-columns:minmax(0,1fr)}
	.vbl-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
	.vbl-art__grid{grid-template-columns:minmax(0,760px);gap:22px}
	.vbl-toc{position:static;order:0;padding:18px 20px;border:1px solid var(--b-line);background:var(--b-surface)}
	.vbl-toc__acts{flex-direction:row;flex-wrap:wrap}
	.vbl-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
	.vbl{gap:16px;margin-top:10px;padding:0 10px}
	.vbl-hero{grid-template-columns:minmax(0,1fr);min-height:0;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
	.vbl-hero__in{padding:64px 20px 26px}
	.vbl-hero__shots{position:absolute;inset:0;margin:0;transform:none;opacity:.34}
	.vbl-hero__shots span:nth-child(n+2){display:none}
	.vbl-hero__shots img{width:100%;transform:none}
	.vbl-hero__shots::after{background:linear-gradient(0deg,#07090d 8%,rgba(7,9,13,.5) 100%)}
	.vbl-hero__ghost{display:none}
	.vbl-hero__tools{top:16px;left:20px;right:auto}
	.vbl-hero__h{max-width:none;font-size:clamp(40px,12.5vw,56px)}
	.vbl-hero__t{font-size:16px}
	.vbl-feat{grid-template-columns:minmax(0,1fr);min-height:0}
	.vbl-feat__pic{aspect-ratio:16/9}
	.vbl-feat__pic::after{background:linear-gradient(0deg,#07090d 0%,rgba(7,9,13,0) 45%)}
	.vbl-feat__in{padding:6px 20px 24px}
	.vbl-grid,.vbl-grid--3,.vbl-side,.vbl-side--row{grid-template-columns:minmax(0,1fr)}
	.vbl-head h2{font-size:28px}
	.vbl-art__head{min-height:380px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
	.vbl-art__headin{padding:28px 20px 24px}
	.vbl-art__lead{font-size:17px}
	.vbl-body{font-size:17px}
	.vbl-body>p:first-child{font-size:18px}
	.vbl-body h2{font-size:25px}
	.vbl-shots{grid-template-columns:minmax(0,1fr)}
	.vbl-table table{font-size:15px}
	.vbl-table td{padding:9px 11px}
	.vbl-table td:first-child{white-space:normal}
}
@media (prefers-reduced-motion:reduce){
	.vbl *{transition:none!important}
}