html[data-theme="dark"]{
    --bg:#0B1020;
    --bg-warm:#120F1A;
    --surface:#131A31;
    --surface-soft:#10162B;
    --ink:#E9EDF8;
    --ink-2:#F2F5FC;
    --ink-dim:#A7AFC8;
    --ink-mute:#7E87A3;
    --line:rgba(255,255,255,0.08);
    --line-strong:rgba(255,255,255,0.14);
    --coral-soft:rgba(232,95,77,0.16);
}

.kvb-page{position:relative;z-index:1;padding:108px 0 56px}

.kvb-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;color:var(--ink-mute);font-size:13px}
.kvb-crumbs a{color:var(--ink-dim);font-weight:500}
.kvb-crumbs a:hover{color:var(--coral-deep)}
.kvb-crumbs i{font-size:9px;opacity:.6}
.kvb-crumbs span{color:var(--ink-mute)}

.kvb-tag{
    display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;
    background:var(--coral-soft);color:var(--coral-deep);
    font-size:12.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;
}
a.kvb-tag:hover{filter:brightness(.97)}

.kvb-h1{margin:14px 0 12px;color:var(--ink-2);font-size:40px;line-height:1.14;font-weight:800;letter-spacing:-.02em}
.kvb-lead{margin:0;color:var(--ink-dim);font-size:17px;line-height:1.65}

.kvb-wrap{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start}

.kvb-art{
    min-width:0;padding:40px 46px;border:1px solid var(--line);border-radius:var(--radius-xl);
    background:var(--surface);box-shadow:0 30px 60px -44px rgba(14,21,48,.35);
}
.kvb-head{margin-bottom:26px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.kvb-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 18px;color:var(--ink-mute);font-size:13.5px}
.kvb-meta i{margin-right:5px;color:var(--coral-deep)}

.kvb-toc{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-soft)}
.kvb-toc ol{margin:0;padding:0 0 0 20px;display:grid;gap:7px}
.kvb-toc li{color:var(--ink-mute);font-size:14px;line-height:1.45}
.kvb-toc a{color:var(--ink-dim)}
.kvb-toc a:hover,.kvb-toc a.is-on{color:var(--coral-deep)}
.kvb-toc a.is-on{font-weight:600}
.kvb-toc-in{display:none;margin:0 0 26px;padding:14px 18px}
.kvb-toc-in summary{cursor:pointer;color:var(--ink-2);font-weight:700;font-size:15px;list-style:none}
.kvb-toc-in summary::-webkit-details-marker{display:none}
.kvb-toc-in summary i{margin-right:6px;color:var(--coral-deep)}
.kvb-toc-in ol{margin-top:12px}

.kvb-text{color:var(--ink);font-size:17px;line-height:1.75;overflow-wrap:break-word}
.kvb-text h2{margin:40px 0 14px;color:var(--ink-2);font-size:27px;line-height:1.25;font-weight:800;letter-spacing:-.01em;scroll-margin-top:96px}
.kvb-text h3{margin:28px 0 10px;color:var(--ink-2);font-size:20px;line-height:1.3;font-weight:700;scroll-margin-top:96px}
.kvb-text h4{margin:22px 0 8px;color:var(--ink-2);font-size:17px;font-weight:700}
.kvb-text > h2:first-child,.kvb-text > p:first-child{margin-top:0}
.kvb-text p{margin:0 0 16px}
.kvb-text ul,.kvb-text ol{margin:0 0 18px;padding:0 0 0 24px}
.kvb-text li{margin:0 0 8px;padding-left:4px}
.kvb-text li::marker{color:var(--coral-deep);font-weight:700}
.kvb-text strong{color:var(--ink-2);font-weight:700}
.kvb-text a{color:var(--coral-deep);font-weight:600;text-decoration:underline;text-decoration-color:rgba(232,95,77,.35);text-underline-offset:3px}
.kvb-text a:hover{text-decoration-color:var(--coral-deep)}
.kvb-text blockquote{margin:22px 0;padding:16px 20px;border-left:4px solid var(--coral);border-radius:0 14px 14px 0;background:var(--coral-soft);color:var(--ink)}
.kvb-text blockquote p:last-child{margin:0}
.kvb-text code{padding:2px 6px;border-radius:6px;background:var(--surface-soft);border:1px solid var(--line);font-size:.9em}

.kvb-table{margin:22px 0;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md)}
.kvb-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.kvb-table th,.kvb-table td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.kvb-table th{background:var(--surface-soft);color:var(--ink-2);font-weight:700;white-space:nowrap}
.kvb-table tr:last-child td{border-bottom:none}

.kvb-ad{
    position:relative;display:flex;align-items:center;gap:18px;margin:30px 0;padding:22px 24px;
    border-radius:var(--radius-lg);overflow:hidden;color:#fff;
    background:linear-gradient(135deg,#1B2559 0%,#0E1530 100%);
    box-shadow:0 24px 50px -30px rgba(14,21,48,.6);
}
.kvb-ad::before{content:"";position:absolute;right:-60px;top:-80px;width:240px;height:240px;background:radial-gradient(closest-side,rgba(255,140,127,.4),transparent 70%);pointer-events:none}
.kvb-ad > *{position:relative}
.kvb-ad-ic{
    flex-shrink:0;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:15px;
    background:linear-gradient(180deg,#FFA79D,var(--coral-deep));color:#fff;font-size:19px;
}
.kvb-ad-t{flex:1;min-width:0}
.kvb-ad-t b{display:block;margin-bottom:4px;font-size:17px;line-height:1.35;color:#fff}
.kvb-ad-t p{margin:0;color:rgba(255,255,255,.72);font-size:14.5px;line-height:1.55}
.kvb-text .kvb-ad a.kvb-ad-go,.kvb-ad-go{
    flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;
    background:linear-gradient(180deg,#FFA79D,var(--coral));color:#fff;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .2s;
}
.kvb-text .kvb-ad a.kvb-ad-go:hover{transform:translateY(-1px);background:linear-gradient(180deg,var(--coral),var(--coral-deep))}
.kvb-ad-go i{font-size:11px}

.kvb-faq{margin-top:38px}
.kvb-faq h2{margin:0 0 14px;color:var(--ink-2);font-size:25px;font-weight:800}
.kvb-faq details{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);margin-bottom:10px}
.kvb-faq summary{
    display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;cursor:pointer;
    color:var(--ink-2);font-weight:700;font-size:15.5px;line-height:1.4;list-style:none;
}
.kvb-faq summary::-webkit-details-marker{display:none}
.kvb-faq summary i{flex-shrink:0;color:var(--coral-deep);font-size:12px;transition:transform .2s}
.kvb-faq details[open] summary i{transform:rotate(45deg)}
.kvb-faq details p{margin:0;padding:0 18px 16px;color:var(--ink-dim);font-size:15px;line-height:1.65}

.kvb-cta{
    display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:36px;padding:26px 28px;
    border:1px solid rgba(232,95,77,.22);border-radius:var(--radius-lg);
    background:linear-gradient(135deg,var(--bg-warm),var(--surface));
}
.kvb-cta b{display:block;margin-bottom:6px;color:var(--ink-2);font-size:19px;line-height:1.3;font-weight:800}
.kvb-cta p{margin:0;color:var(--ink-dim);font-size:14.5px;line-height:1.6}
.kvb-cta-go{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.kvb-cta-go .k-btn{justify-content:center;padding:12px 22px}
.kvb-cta-wide{margin-top:44px}
.kvb-cta-go .k-btn-ghost{display:inline-flex;background:rgba(27,37,89,.06)}
html[data-theme="dark"] .kvb-cta-go .k-btn-ghost{background:rgba(255,255,255,.07)}

.kvb-near{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.kvb-near a{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color .2s}
.kvb-near a:hover{border-color:var(--coral)}
.kvb-near a.is-next{text-align:right}
.kvb-near small{color:var(--ink-mute);font-size:12.5px}
.kvb-near b{color:var(--ink-2);font-size:14.5px;line-height:1.4}

.kvb-side{position:sticky;top:96px;display:grid;gap:16px}
.kvb-toc-side{position:relative;padding:18px 18px 18px 16px;max-height:calc(100vh - 380px);overflow:auto}
.kvb-toc-side b{display:block;margin:0 0 12px;color:var(--ink-2);font-size:14.5px}
.kvb-toc-side b i{margin-right:6px;color:var(--coral-deep)}
.kvb-toc-side li{font-size:13.5px}
.kvb-side-ad{
    display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:var(--radius-lg);color:#fff;
    background:linear-gradient(160deg,#1B2559,#0E1530);box-shadow:0 24px 50px -32px rgba(14,21,48,.6);
}
.kvb-side-ad b{font-size:16px;line-height:1.35}
.kvb-side-ad p{margin:0 0 6px;color:rgba(255,255,255,.72);font-size:13.5px;line-height:1.55}
.kvb-side-ad .k-btn{justify-content:center}

.kvb-rel{margin-top:46px}
.kvb-rel h2{margin:0 0 18px;color:var(--ink-2);font-size:26px;font-weight:800}
.kvb-rel .kvb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

.kvb-hero{max-width:820px;margin-bottom:24px}
.kvb-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.kvb-cats a{
    display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;
    border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);font-size:14px;font-weight:600;transition:all .2s;
}
.kvb-cats a i{color:var(--coral-deep);font-size:12px}
.kvb-cats a span{color:var(--ink-mute);font-size:12px;font-weight:600}
.kvb-cats a:hover{border-color:var(--coral)}
.kvb-cats a.is-on{background:var(--ink-2);border-color:var(--ink-2);color:var(--surface)}
.kvb-cats a.is-on i,.kvb-cats a.is-on span{color:var(--coral)}

.kvb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kvb-card{
    display:flex;flex-direction:column;gap:10px;min-width:0;padding:22px;
    border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);
    box-shadow:0 20px 44px -36px rgba(14,21,48,.4);transition:transform .2s,border-color .2s,box-shadow .2s;
}
.kvb-card:hover{transform:translateY(-3px);border-color:rgba(232,95,77,.5);box-shadow:0 26px 54px -32px rgba(232,95,77,.35)}
.kvb-card-cat{color:var(--coral-deep);font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.kvb-card b{color:var(--ink-2);font-size:18px;line-height:1.35;font-weight:700}
.kvb-card p{margin:0;flex:1;color:var(--ink-dim);font-size:14.5px;line-height:1.6}
.kvb-card small{color:var(--ink-mute);font-size:12.5px}
.kvb-card.is-big{grid-column:span 2;padding:30px;background:linear-gradient(135deg,var(--bg-warm),var(--surface))}
.kvb-card.is-big b{font-size:25px;line-height:1.25}
.kvb-card.is-big p{font-size:15.5px}
.kvb-card-ad{color:#fff;border:none;background:linear-gradient(160deg,#1B2559,#0E1530)}
.kvb-card-ad b{color:#fff}
.kvb-card-ad p{color:rgba(255,255,255,.72)}
.kvb-card-ad .k-btn{align-self:flex-start}

.kvb-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:28px}
.kvb-pager a{
    display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:12px;
    border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);font-weight:600;font-size:14px;
}
.kvb-pager a:hover{border-color:var(--coral)}
.kvb-pager a.is-on{background:var(--ink-2);border-color:var(--ink-2);color:var(--surface)}

.kvb-empty{
    display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;text-align:center;
    border:1px dashed var(--line-strong);border-radius:var(--radius-xl);background:var(--surface);
}
.kvb-empty > i{font-size:34px;color:var(--coral-deep)}
.kvb-empty b{color:var(--ink-2);font-size:20px}
.kvb-empty p{margin:0 0 6px;max-width:460px;color:var(--ink-dim);font-size:15px;line-height:1.6}

html[data-theme="dark"] .k-header{background:linear-gradient(180deg,rgba(19,26,49,.82),rgba(19,26,49,.66));box-shadow:0 20px 50px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06) inset}
html[data-theme="dark"] .k-header::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}
html[data-theme="dark"] .k-nav a:hover,html[data-theme="dark"] .k-btn-ghost:hover{background:rgba(255,255,255,.07)}
html[data-theme="dark"] .k-mobile-menu{background:rgba(19,26,49,.97);box-shadow:0 20px 50px -20px rgba(0,0,0,.7)}
html[data-theme="dark"] .k-mobile-menu a:hover{background:rgba(255,255,255,.07)}
html[data-theme="dark"] .k-mobile-menu__auth .k-btn-ghost{background:rgba(255,255,255,.07)!important}
html[data-theme="dark"] .k-footer{background:#10162B;border-color:rgba(255,255,255,.06);box-shadow:none}
html[data-theme="dark"] .footer-socials a,html[data-theme="dark"] .footer-mp{background:rgba(255,255,255,.05)}
html[data-theme="dark"] .footer-mp .mark{background:#fff}
html[data-theme="dark"] .kvb-art,html[data-theme="dark"] .kvb-card{box-shadow:none}
html[data-theme="dark"] .kvb-ad,html[data-theme="dark"] .kvb-side-ad,html[data-theme="dark"] .kvb-card-ad{background:linear-gradient(135deg,#232F66,#161E40);box-shadow:0 0 0 1px rgba(255,255,255,.06) inset}
html[data-theme="dark"] .kvb-cta{border-color:rgba(232,95,77,.3)}
html[data-theme="dark"] .kvb-cats a.is-on,html[data-theme="dark"] .kvb-pager a.is-on{background:var(--coral-deep);border-color:var(--coral-deep);color:#fff}
html[data-theme="dark"] .kvb-cats a.is-on i,html[data-theme="dark"] .kvb-cats a.is-on span{color:#fff}

@media (max-width:1120px){
    .kvb-rel .kvb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1020px){
    .kvb-page{padding:96px 0 48px}
    .kvb-wrap{grid-template-columns:minmax(0,1fr)}
    .kvb-side{display:none}
    .kvb-toc-in{display:block}
    .kvb-art{padding:30px 28px}
    .kvb-h1{font-size:32px}
    .kvb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:640px){
    .kvb-page{padding:88px 0 40px}
    .kvb-page > .container{padding:0 16px}
    .kvb-art{padding:22px 18px;border-radius:var(--radius-lg)}
    .kvb-h1{font-size:26px}
    .kvb-lead{font-size:16px}
    .kvb-text{font-size:16px;line-height:1.7}
    .kvb-text h2{font-size:22px;margin-top:32px}
    .kvb-text h3{font-size:18px}
    .kvb-grid,.kvb-rel .kvb-grid{grid-template-columns:1fr}
    .kvb-card.is-big{grid-column:auto;padding:22px}
    .kvb-card.is-big b{font-size:20px}
    .kvb-ad{flex-direction:column;align-items:flex-start;padding:20px}
    .kvb-text .kvb-ad a.kvb-ad-go{width:100%;justify-content:center}
    .kvb-cta{flex-direction:column;align-items:stretch;padding:22px 18px}
    .kvb-near{grid-template-columns:1fr}
    .kvb-near a.is-next{text-align:left}
    .kvb-table table{font-size:14px}
    .kvb-cats{flex-wrap:nowrap;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding:0 16px 4px;scrollbar-width:none}
    .kvb-cats::-webkit-scrollbar{display:none}
    .kvb-cats a{flex-shrink:0}
}