.vn-article{max-width:1100px;padding-top:42px;padding-bottom:36px}.vn-article-header{max-width:930px;padding-bottom:30px}.vn-article-header .breadcrumbs{margin-bottom:30px}.vn-article-header h1{letter-spacing:-.035em;text-wrap:balance;max-width:25ch;margin:0 0 24px;font-size:clamp(40px,4.6vw,62px);line-height:1.1}.vn-article-description{max-width:70ch;color:var(--muted);margin-bottom:24px;font-size:20px;line-height:1.65}.vn-article-meta{color:var(--muted);flex-wrap:wrap;gap:8px 0;font-size:15px;line-height:1.6;display:flex}.vn-article-meta>*+:before{content:"·";margin-inline:12px}.vn-article-meta>span:first-child{color:var(--ink);font-weight:600}.vn-article-tags{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.vn-article-tags a{background:var(--brand-soft);color:var(--brand-strong);border-radius:6px;padding:4px 11px;font-size:14px}.vn-article-cover{margin:0 0 42px}.vn-article-cover>img{aspect-ratio:16/7;object-fit:cover;border:1px solid var(--line);background:var(--surface-soft);border-radius:15px;width:100%;height:auto}.vn-article-cover figcaption{text-align:right;color:var(--muted);margin-top:10px;font-size:14px}.vn-article-cover figcaption a{text-underline-offset:3px;text-decoration:underline}.vn-article-layout{grid-template-columns:minmax(0,720px) minmax(220px,1fr);align-items:start;gap:64px;display:grid}.vn-article-layout.without-toc{grid-template-columns:minmax(0,760px)}.vn-article-main{min-width:0}.vn-article-prose{overflow-wrap:break-word;font-size:19px;line-height:1.85}.vn-article-prose>:first-child{margin-top:0}.vn-article-prose>p:first-child{color:var(--ink);font-size:21px;line-height:1.7}.vn-article-prose p{margin:0 0 1.4em}.vn-article-prose h2{border-top:1px solid var(--line);margin:1.6em 0 .65em;padding-top:24px;scroll-margin-top:28px;font-size:34px;line-height:1.2}.vn-article-prose h3{margin:1.5em 0 .6em;scroll-margin-top:28px;font-size:24px;line-height:1.35}.vn-article-prose h4{margin:1.3em 0 .6em;scroll-margin-top:28px;font-size:20px}.vn-article-prose a{color:var(--brand-strong);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.vn-article-prose a:hover{text-decoration-thickness:2px}.vn-article-prose strong{font-weight:650}.vn-article-prose ul,.vn-article-prose ol{margin:1.1em 0 1.5em;padding-left:1.4em}.vn-article-prose ul{list-style:outside}.vn-article-prose ol{list-style:decimal}.vn-article-prose li{margin-block:.6em;padding-left:.2em}.vn-article-prose li::marker{color:var(--brand)}.vn-article-prose blockquote{border-left:4px solid var(--brand);background:var(--brand-soft);border-radius:0 12px 12px 0;margin:1.7em 0;padding:22px 26px}.vn-article-prose blockquote>:last-child{margin-bottom:0}.vn-article-prose pre{background:var(--surface-soft);border-radius:10px;padding:20px;font-size:15px;overflow-x:auto}.vn-article-prose :not(pre)>code{background:var(--surface-soft);border-radius:4px;padding:2px 5px;font-size:.88em}.vn-article-prose table{border-collapse:collapse;width:100%;max-width:100%;margin-block:1.5em;font-size:16px;display:block;overflow-x:auto}.vn-article-prose th,.vn-article-prose td{border:1px solid var(--line);text-align:left;padding:12px 16px}.vn-article-prose th{background:var(--surface-soft)}.vn-article-prose img,.vn-article-prose video{border-radius:12px;max-width:100%;height:auto;margin-block:24px}.vn-article-prose iframe{aspect-ratio:16/9;border-radius:12px;width:100%;height:auto}.vn-article-prose hr{border:0;border-top:1px solid var(--line);margin-block:36px}.vn-article-sidebar{min-width:0;position:sticky;top:28px}.vn-article-toc{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}.vn-article-toc summary{cursor:pointer;justify-content:space-between;gap:12px;font-size:18px;font-weight:650;line-height:1.5;list-style:none;display:flex}.vn-article-toc summary::-webkit-details-marker{display:none}.vn-article-toc[open] summary{margin-bottom:16px}.vn-article-toc nav{gap:5px;display:grid}.vn-article-toc a{color:var(--muted);border-left:2px solid #0000;padding:9px 10px;font-size:15px;line-height:1.5}.vn-article-toc a:hover,.vn-article-toc a[aria-current]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong)}.vn-article-toc .toc-subheading{padding-left:22px}.vn-article-browse{background:var(--brand-soft);border-radius:12px;gap:12px;margin-top:24px;padding:22px;display:grid}.vn-article-browse strong{font-size:18px;line-height:1.35}.vn-article-browse>span{font-size:15px;line-height:1.6}.vn-article-browse>span:not(.text-link){color:var(--muted)}.vn-article-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-top:40px;padding-top:28px;display:flex}.vn-share-status{color:var(--muted);max-width:30ch;margin:10px 0 0;font-size:14px}.vn-share-status:empty{display:none}.vn-related-guides{border-top:1px solid var(--line);background:var(--surface-soft);margin-top:24px;padding-block:48px 64px}.vn-related-guides .section-heading h2{font-size:36px}@media (width<=1100px){.vn-article-layout{grid-template-columns:minmax(0,1fr) 240px;gap:36px}}@media (width<=900px){.vn-article-layout{grid-template-columns:minmax(0,1fr);gap:30px}.vn-article-sidebar{order:-1;position:static}.vn-article-browse{display:none}.vn-article-cover{margin-bottom:26px}.vn-article-toc{padding:18px 20px}}@media (width<=600px){.vn-article{width:calc(100% - 40px);padding-top:25px}.vn-article-header .breadcrumbs{margin-bottom:22px}.vn-article-header h1{text-wrap:initial;font-size:38px;line-height:1.12}.vn-article-description{margin-bottom:22px;font-size:18px;line-height:1.65}.vn-article-meta{font-size:14px}.vn-article-meta>span:first-child{flex-basis:100%}.vn-article-meta>time:before{content:none}.vn-article-header{padding-bottom:25px}.vn-article-cover>img{aspect-ratio:16/9;border-radius:10px}.vn-article-prose{font-size:18px;line-height:1.8}.vn-article-prose>p:first-child{font-size:19px}.vn-article-prose h2{margin-top:1.4em;font-size:29px}.vn-article-prose h3{font-size:23px}.vn-article-actions{flex-direction:column;align-items:flex-start;gap:18px}.vn-related-guides{padding-block:34px 44px}.vn-related-guides .section-heading h2{font-size:30px}}.vn-related-guides .blog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}