body.vp-editorial-page { background:var(--theme-color-f7f8f6); }
.vseo-wrap { width:min(1280px,100% - 80px); margin-inline:auto; }
.vseo-preview { padding:112px 0 18px; background:var(--theme-color-f5eacb); color:var(--theme-color-403922); }
.vseo-preview .vseo-wrap { display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px; }
.vseo-preview strong { letter-spacing:.08em; text-transform:uppercase; font-size:.75rem; }
.vseo-preview a { margin-left:auto; text-decoration:underline; text-underline-offset:4px; }
.vseo-hero { background:var(--theme-color-12333b); padding:122px 0 64px; border-bottom:1px solid var(--theme-color-234c54); }
.vseo-preview + .vseo-hero { padding-top:24px; }
.vseo-breadcrumb { margin-bottom:46px; font-size:.79rem; }
.vseo-breadcrumb ol { display:flex; flex-wrap:wrap; gap:6px 10px; list-style:none; padding:0; margin:0; }
.vseo-breadcrumb li { display:inline; line-height:1.6; max-width:100%; overflow-wrap:anywhere; }
.vseo-breadcrumb li + li:before { content:"/"; color:var(--theme-color-87a7ad); margin-right:10px; }
.vseo-breadcrumb a { text-decoration:none; }
.vseo-breadcrumb a:hover { text-decoration:underline; text-underline-offset:4px; }
.vseo-breadcrumb [aria-current] { color:var(--theme-color-d0e0e5); }
.vseo-hero-grid { display:grid; gap:60px; align-items:center; }
.vseo-hero-grid--image { grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr); }
.vseo-hero-copy { min-width:0; }
.vseo-eyebrow { margin:0 0 20px; font-size:.7rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; line-height:1.5; }
.vseo-hero h1 { font-size:clamp(2.35rem,4.25vw,4.6rem); line-height:1.08; letter-spacing:-.043em; font-weight:600; max-width:900px; margin:0 0 26px; overflow-wrap:break-word; text-wrap:balance; }
.vseo-lead { font-size:clamp(1.03rem,1.3vw,1.18rem); line-height:1.75; max-width:65ch; margin:0 0 24px; }
.vseo-meta { font-size:.76rem; margin:25px 0; line-height:1.6; }
.vseo-meta span { margin-inline:7px; }
.vseo-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px; margin-top:28px; }
.vseo-button { display:inline-flex; justify-content:space-between; align-items:center; gap:28px; min-height:48px; padding:14px 21px; border-radius:calc(12px * var(--theme-radius-scale)); line-height:1.3; font-size:.86rem; font-weight:600; text-decoration:none; transition:background .15s ease,transform .15s ease; }
body.vp-public.vp-body.vp-editorial-page main a.vseo-button--light { color:var(--theme-color-12333b)!important; background:var(--theme-color-eaf5f2); }
body.vp-public.vp-body.vp-editorial-page main a.vseo-button--dark { color:var(--theme-color-f3f7f6)!important; background:var(--theme-color-173d46); }
.vseo-button:hover { transform:translateY(-2px); }
body.vp-public.vp-body.vp-editorial-page main a.vseo-button--light:hover { background:var(--theme-color-ffffff); }
body.vp-public.vp-body.vp-editorial-page main a.vseo-button--dark:hover { background:var(--theme-color-245763); }
.vseo-text-link { display:inline-flex; align-items:center; min-height:44px; gap:18px; font-size:.85rem; font-weight:600; text-decoration:underline; text-underline-offset:5px; }
.vseo-hero-figure { margin:0; position:relative; border-radius:calc(24px * var(--theme-radius-scale)); overflow:hidden; align-self:stretch; min-height:340px; max-height:450px; border:1px solid var(--theme-color-e6f8f8-1300); background:var(--theme-color-27474c); }
.vseo-hero-figure img { width:100%; height:100%; min-height:340px; object-fit:cover; display:block; }
.vseo-hero-figure figcaption { position:absolute; inset:auto 16px 16px; width:fit-content; padding:9px 13px; background:var(--theme-color-0f282e-8800); border:1px solid var(--theme-color-d8f4f0-2500); border-radius:calc(8px * var(--theme-radius-scale)); font-size:.68rem; letter-spacing:.05em; }
.vseo-discover { color:var(--theme-color-142d33); padding:72px 0 80px; background:var(--theme-color-eef2ef); }
.vseo-section-heading { max-width:800px; margin-bottom:32px; }
.vseo-section-heading .vseo-eyebrow { margin-bottom:12px; }
.vseo-section-heading h2 { font-size:clamp(1.7rem,2.7vw,2.6rem); font-weight:600; letter-spacing:-.035em; line-height:1.2; margin:0; }
.vseo-page-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.vseo-page-card { display:flex; flex-direction:column; padding:28px; border-radius:calc(18px * var(--theme-radius-scale)); border:1px solid var(--theme-color-d4dfda); background:var(--theme-color-ffffff); text-decoration:none; box-shadow:0 3px 10px var(--theme-color-12333b-250-shadow); min-width:0; transition:border-color .15s ease,box-shadow .15s ease; }
.vseo-page-card:hover { border-color:var(--theme-color-92b3ab); box-shadow:0 9px 24px var(--theme-color-12333b-700-shadow); }
.vseo-card-label { font-size:.67rem; text-transform:uppercase; letter-spacing:.12em; margin-bottom:18px; }
.vseo-page-card h3 { font-size:1.25rem; line-height:1.35; letter-spacing:-.025em; font-weight:600; margin:0 0 14px; overflow-wrap:anywhere; }
.vseo-page-card p { font-size:.87rem; line-height:1.7; margin:0 0 20px; }
.vseo-card-action { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-top:auto; padding-top:20px; border-top:1px solid var(--theme-color-e3eae6); font-size:.77rem; font-weight:600; }
.vseo-reading { color:var(--theme-color-142d33); padding:80px 0 88px; background:var(--theme-color-f9faf8); }
.vseo-reading-grid { display:grid; grid-template-columns:minmax(200px,280px) minmax(0,780px); justify-content:space-between; gap:clamp(35px,5vw,85px); }
.vseo-sidebar { min-width:0; }
.vseo-toc { margin:0 0 35px; padding:0 6px 0 0; }
.vseo-toc h2 { font-size:.8rem; font-weight:600; margin:0 0 19px; }
.vseo-toc ol { padding:0; margin:0; list-style:none; border-left:1px solid var(--theme-color-c8d6d0); }
.vseo-toc li { margin:0; line-height:1.55; }
.vseo-toc a { display:block; padding:9px 0 9px 18px; font-size:.82rem; text-decoration:none; overflow-wrap:anywhere; }
.vseo-toc a:hover { text-decoration:underline; text-underline-offset:4px; }
.vseo-help { border-top:1px solid var(--theme-color-c8d6d0); padding:26px 0 0; }
.vseo-help .vseo-eyebrow { font-size:.64rem; margin-bottom:14px; }
.vseo-help h2 { font-size:1.18rem; letter-spacing:-.02em; line-height:1.4; margin:0 0 12px; font-weight:600; }
.vseo-help p { font-size:.83rem; line-height:1.75; }
.vseo-help .vseo-button { width:100%; gap:12px; font-size:.8rem; margin-top:8px; }
.vseo-article-column { min-width:0; }
.vseo-article { background:var(--theme-color-ffffff); border:1px solid var(--theme-color-e0e7e2); border-radius:calc(22px * var(--theme-radius-scale)); padding:clamp(25px,3.2vw,46px); box-shadow:0 6px 25px var(--theme-color-12333b-250-shadow); font-size:1rem; line-height:1.85; overflow-wrap:anywhere; }
.vseo-article > :first-child { margin-top:0; }
.vseo-article > :last-child { margin-bottom:0; }
.vseo-article h2 { font-size:clamp(1.4rem,1.9vw,1.8rem); font-weight:600; letter-spacing:-.025em; line-height:1.3; margin:46px 0 17px; }
.vseo-article h3 { font-size:1.18rem; font-weight:600; letter-spacing:-.015em; line-height:1.4; margin:30px 0 12px; }
.vseo-article h4,.vseo-article h5 { font-size:1.05rem; font-weight:600; margin:26px 0 12px; line-height:1.4; }
.vseo-article p { margin:0 0 21px; }
.vseo-article a,.vseo-answer a { text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
.vseo-article ul,.vseo-article ol { display:block; padding-left:1.35em; margin:18px 0 24px; }
.vseo-article li { display:list-item; margin:8px 0; padding-left:5px; }
.vseo-article blockquote { padding:19px 24px; border-left:3px solid var(--theme-color-698c81); margin:25px 0; background:var(--theme-color-f0f5f1); font-size:1.02rem; }
.vseo-article blockquote p:last-child { margin:0; }
.vseo-article img { width:auto; max-width:100%; height:auto; display:block; border-radius:calc(12px * var(--theme-radius-scale)); margin:25px 0; }
.vseo-article table { display:block; max-width:100%; width:100%; overflow-x:auto; border-collapse:collapse; margin:24px 0; font-size:.85rem; }
.vseo-article th,.vseo-article td { padding:12px; border:1px solid var(--theme-color-d5dfd9); text-align:left; vertical-align:top; min-width:120px; }
.vseo-article th { background:var(--theme-color-eff3ef); font-weight:600; }
.vseo-article hr { border:0; border-top:1px solid var(--theme-color-d2ddd6); margin:35px 0; }
.vseo-project-link { padding:30px; margin-top:28px; border-radius:calc(18px * var(--theme-radius-scale)); background:var(--theme-color-eaf1ec); border:1px solid var(--theme-color-d1dfd5); }
.vseo-project-link h2 { font-size:1.25rem; margin-bottom:14px; }
.vseo-project-link .vseo-eyebrow { margin-bottom:12px; }
.vseo-faq { margin:55px 0 0; }
.vseo-faq > .vseo-eyebrow { margin-bottom:12px; }
.vseo-faq > h2 { font-size:1.8rem; font-weight:600; letter-spacing:-.03em; margin:0 0 26px; }
.vseo-faq details { border-bottom:1px solid var(--theme-color-ccd9d2); }
.vseo-faq details:first-of-type { border-top:1px solid var(--theme-color-ccd9d2); }
.vseo-faq summary { display:flex; align-items:center; justify-content:space-between; gap:22px; list-style:none; cursor:pointer; padding:21px 0; font-size:.97rem; font-weight:600; line-height:1.5; }
.vseo-faq summary::-webkit-details-marker { display:none; }
.vseo-faq summary:after { content:"+"; font-size:1.4rem; font-weight:400; flex-shrink:0; width:24px; text-align:center; }
.vseo-faq details[open] summary:after { content:"−"; }
.vseo-answer { padding:0 35px 18px 0; font-size:.94rem; line-height:1.8; overflow-wrap:anywhere; }
.vseo-answer p { margin:0 0 12px; }
.vseo-answer ul,.vseo-answer ol { padding-left:1.4em; }
.vseo-related { color:var(--theme-color-142d33); padding:62px 0 70px; background:var(--theme-color-eaf0eb); border-block:1px solid var(--theme-color-d5e0d8); }
.vseo-related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 50px; }
.vseo-related-grid a { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:74px; padding:20px 0; border-bottom:1px solid var(--theme-color-c3d3c7); font-size:1.03rem; line-height:1.5; text-decoration:none; }
.vseo-related-grid a:hover > span:first-child { text-decoration:underline; text-underline-offset:4px; }
.vseo-related-grid a > span:first-child { min-width:0; }
.vseo-related-grid a > span:last-child { flex-shrink:0; }
.vseo-contact { background:var(--theme-color-143940); padding:72px 0; }
.vseo-contact .vseo-wrap { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.vseo-contact .vseo-eyebrow { margin-bottom:19px; }
.vseo-contact h2 { font-size:clamp(1.8rem,3vw,3rem); font-weight:600; line-height:1.17; letter-spacing:-.035em; margin:0 0 20px; }
.vseo-contact p:last-child { margin:0; font-size:.96rem; line-height:1.7; }
.vseo-contact .vseo-button { flex-shrink:0; }
body.vp-public.vp-body main :is(.vseo-button,.vseo-page-card,.vseo-text-link,.vseo-toc a,.vseo-related-grid a,.vseo-faq summary):focus-visible { outline:3px solid var(--theme-color-569f99); outline-offset:5px; }
@media (max-width:1100px) {
    .vseo-wrap { width:calc(100% - 56px); }
    .vseo-hero-grid { gap:35px; }
    .vseo-hero-grid--image { grid-template-columns:minmax(0,1.35fr) minmax(240px,1fr); }
    .vseo-hero-figure { min-height:300px; }
    .vseo-hero-figure img { min-height:300px; }
    .vseo-page-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .vseo-reading-grid { grid-template-columns:minmax(185px,235px) minmax(0,1fr); gap:30px; }
    .vseo-article { padding:28px; }
}
@media (max-width:780px) {
    .vseo-wrap { width:calc(100% - 40px); }
    .vseo-hero { padding:110px 0 38px; }
    .vseo-breadcrumb { margin-bottom:28px; font-size:.73rem; }
    .vseo-hero-grid--image { grid-template-columns:minmax(0,1fr); }
    .vseo-hero-figure { min-height:0; height:280px; max-height:none; }
    .vseo-hero-figure img { min-height:0; }
    .vseo-hero h1 { font-size:clamp(2rem,6.6vw,3.4rem); margin-bottom:20px; }
    .vseo-lead { max-width:65ch; }
    .vseo-reading,.vseo-discover { color:var(--theme-color-142d33); padding:44px 0 50px; }
    .vseo-reading-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
    .vseo-sidebar { display:block; }
    .vseo-toc { margin:0; }
    .vseo-help { display:none; }  
    .vseo-article { padding:32px; }
    .vseo-contact .vseo-wrap { flex-direction:column; align-items:flex-start; gap:25px; }
    .vseo-related { color:var(--theme-color-142d33); padding:42px 0 48px; }
    .vseo-contact { padding:48px 0; }
}
@media (max-width:520px) {
    .vseo-wrap { width:calc(100% - 32px); }
    .vseo-hero { padding-top:100px; }
    .vseo-preview { padding-top:100px; }
    .vseo-preview .vseo-wrap { font-size:.8rem; }
    .vseo-preview a { margin-left:0; }
    .vseo-eyebrow { font-size:.64rem; margin-bottom:15px; }
    .vseo-hero h1 { font-size:clamp(1.95rem,8.5vw,2.7rem); }
    .vseo-lead { font-size:1rem; line-height:1.7; }
    .vseo-actions { align-items:stretch; flex-direction:column; gap:10px; }
    .vseo-actions .vseo-button { width:100%; }
    .vseo-text-link { justify-content:space-between; padding:8px 3px; }
    .vseo-hero-grid { gap:25px; }
    .vseo-hero-figure { height:225px; border-radius:calc(18px * var(--theme-radius-scale)); }
    .vseo-section-heading { margin-bottom:22px; }
    .vseo-page-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
    .vseo-page-card { padding:23px; }
    .vseo-sidebar { grid-template-columns:minmax(0,1fr); }
    .vseo-help { border-left:0; border-top:1px solid var(--theme-color-c8d6d0); padding:23px 0 0; }
    .vseo-help .vseo-button { width:auto; min-width:210px; }
    .vseo-article { padding:24px 20px; border-radius:calc(18px * var(--theme-radius-scale)); font-size:1rem; line-height:1.8; }
    .vseo-article h2 { margin-top:33px; font-size:1.4rem; }
    .vseo-article h3 { font-size:1.13rem; }
    .vseo-article p { margin-bottom:18px; }
    .vseo-faq { margin-top:35px; }
    .vseo-faq > h2 { font-size:1.55rem; }
    .vseo-faq summary { font-size:.93rem; gap:12px; padding:19px 0; }
    .vseo-answer { padding-right:12px; }
    .vseo-related-grid { grid-template-columns:minmax(0,1fr); }
    .vseo-contact .vseo-button { width:100%; }
    .vseo-desktop-break { display:none; }
}
@media (prefers-reduced-motion:reduce) {
    .vseo-button,.vseo-page-card { transition:none; }
    .vseo-button:hover { transform:none; }
}
.vseo-pagination { display:flex; justify-content:center; align-items:center; gap:22px; flex-wrap:wrap; margin:34px 0 0; font-size:.86rem; }
.vseo-pagination a { display:inline-flex; padding:12px 16px; min-height:44px; border:1px solid var(--theme-color-a8bdb3); border-radius:calc(10px * var(--theme-radius-scale)); text-decoration:none; }
.vseo-pagination a:hover { background:var(--theme-color-ffffff); }
.vseo-pagination a:focus-visible { outline:3px solid var(--theme-color-569f99); outline-offset:4px; }
@media (max-width:520px) { .vseo-pagination { flex-direction:column; gap:12px; } }