.vg{--vg-ink:#16171A;--vg-muted:#5C5A54;--vg-line:#E4E1DA;--vg-soft:#F5F3EE;--vg-hl:#FDD400;--vg-blue:#0160DF;padding:56px 0 72px;color:var(--vg-ink);border-top:1px solid var(--vg-line)}
.vg .vg__article h2{scroll-margin-top:calc(var(--header-height,140px) + 24px)}
.vg__grid{display:grid;grid-template-columns:240px minmax(0,820px);gap:56px;justify-content:center}
.vg__sticky{position:sticky;top:96px;display:flex;flex-direction:column;gap:24px}
.vg__eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--vg-blue)}
.vg__toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--vg-line)}
.vg__toc li a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;font-size:14px;line-height:1.35;color:var(--vg-muted);text-decoration:none}
.vg__toc li a:hover{color:var(--vg-ink);border-left-color:var(--vg-hl)}
.vg__meta p{margin:0 0 4px;font-size:13px;color:var(--vg-muted)}
.vg__meta span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.vg__advice{background:var(--vg-soft);border-radius:14px;padding:18px}
.vg__advice-title{margin:0 0 6px;font-weight:700;font-size:16px}
.vg__advice-text p{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--vg-muted)}
.vg__btn{display:inline-block;background:var(--vg-ink);color:#fff;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none}
.vg__title{margin:0 0 16px;font-size:clamp(26px,3vw,36px);line-height:1.15}
.vg__lead{font-size:19px;line-height:1.6;margin:0 0 28px}
.vg__article h2{font-size:clamp(21px,2.2vw,26px);line-height:1.25;margin:44px 0 14px;scroll-margin-top:110px}
.vg__article h3{font-size:18px;margin:26px 0 8px}
.vg__rte p,.vg__rte li{font-size:16px;line-height:1.7}
.vg__rte ul,.vg__rte ol{padding-left:20px}
.vg__rte a{color:var(--vg-blue)}
.vg em,.vg__rte i{font-style:normal;background:linear-gradient(transparent 55%,var(--vg-hl) 55%);padding:0 2px}
.vg__types{list-style:none;margin:0;padding:0;border-top:1px solid var(--vg-line)}
.vg__type{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:16px 0;border-bottom:1px solid var(--vg-line)}
.vg__type-name{font-weight:700;font-size:17px;color:var(--vg-ink);text-decoration:none}
.vg__pill{align-self:start;background:var(--vg-soft);border-radius:999px;padding:2px 10px;font-size:13px;color:var(--vg-muted)}
.vg__type p{grid-column:1/-1;margin:0;font-size:15px;line-height:1.6;color:var(--vg-muted)}
.vg__type-link{grid-column:1/-1;font-size:14px;font-weight:600;color:var(--vg-blue);text-decoration:none}
.vg__check{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vg__check li{position:relative;padding-left:32px;font-size:16px;line-height:1.55}
.vg__check li:before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:6px;background:var(--vg-hl) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%2316171A' stroke-width='2'/%3E%3C/svg%3E") center/16px no-repeat}
.vg__tip{margin:36px 0 0;background:var(--vg-ink);color:#fff;border-radius:16px;padding:22px 24px}
.vg__tip p{margin:0;font-size:16px;line-height:1.6}
.vg__tip .vg__tip-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--vg-hl);margin-bottom:8px}
.vg__brands,.vg__related{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vg__brands a,.vg__related a{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--vg-line);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;color:var(--vg-ink);text-decoration:none;background:#fff}
.vg__brands a span{font-weight:400;color:var(--vg-muted);font-size:12px}
.vg__brands a:hover,.vg__related a:hover{border-color:var(--vg-ink)}
.vg__faq details{border-bottom:1px solid var(--vg-line);padding:14px 0}
.vg__faq summary{cursor:pointer;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.vg__faq summary::-webkit-details-marker{display:none}
.vg__faq summary:after{content:"+";font-weight:400;font-size:20px;line-height:1}
.vg__faq details[open] summary:after{content:"–"}
.vg__faq p{margin:10px 0 0;font-size:15px;line-height:1.65;color:var(--vg-muted)}
@media (max-width:989px){.vg__grid{grid-template-columns:1fr;gap:28px}.vg__rail{order:2}.vg__sticky{position:static}.vg__toc{display:none}}
@media (max-width:749px){.vg{padding:40px 0 56px}.vg__lead{font-size:17px}}