/* Long-form editorial reading, retaining Satoshi/Big Shoulders and brand colors. */
.vt-site .blog-article-shell{background:linear-gradient(180deg,#f1f7ff,#fff 750px);padding-block:54px 70px}
.vt-site .blog-article-meta{font-size:14px;color:#41556e;gap:12px 24px}
.vt-site .blog-article-shell .vt-featured-image{max-width:1120px;background:#fff;border:1px solid #dce7f4;border-radius:20px;padding:10px;margin-bottom:44px;overflow:hidden}
.blog-article-shell .vt-featured-image img{display:block;width:100%;height:auto;max-height:510px;object-fit:contain}
.blog-article-shell .vt-featured-image figcaption{padding:12px 14px 6px;color:#52657d;font-size:13px;line-height:1.6}
.blog-reading-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:38px;align-items:start;max-width:1180px;margin:auto}
.blog-reading-sidebar{position:sticky;top:110px;min-width:0;display:grid;gap:20px}
.blog-contents{background:#fff;border:1px solid #dce7f4;border-top:4px solid #0066d6;border-radius:16px;padding:24px}
.blog-contents h2{font-size:30px;line-height:1.2;margin:10px 0 18px;color:#10243e}
.blog-contents ol{list-style:none;counter-reset:contents;padding:0;margin:0;max-height:45vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.blog-contents li{counter-increment:contents;margin:0;border-top:1px solid #edf2f8}
.blog-contents a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;color:#41556e;font-size:13px;line-height:1.5;padding:11px 0;text-decoration:none;overflow-wrap:anywhere}
.blog-contents a:before{content:counter(contents,decimal-leading-zero);font-size:11px;color:#0066d6;font-weight:700;padding-top:2px}
.blog-contents a:hover{color:#005dc2;text-decoration:underline;text-underline-offset:4px}
.blog-reading-help{padding:24px;background:#fff4e9;border:1px solid #ffd7b7;border-radius:16px}
.blog-reading-help h2{font-size:29px;line-height:1.2;color:#10243e;margin:12px 0}
.blog-reading-help p{font-size:14px;line-height:1.75;color:#41556e}
.blog-reading-help>a{display:inline-flex;gap:14px;align-items:center;min-height:46px;background:#ff6f00;color:#10243e;padding:12px 16px;border-radius:9px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s}
.blog-reading-help>a:hover{background:#ff861f}
.vt-site main .blog-longform.vt-rich-content{max-width:none;width:100%;padding:42px 48px;margin:0;border-radius:20px;counter-reset:article-section;box-shadow:0 12px 42px #10243e06}
.vt-site main .blog-longform.vt-rich-content p{font-size:17px;line-height:1.95;margin:0 0 24px;color:#354c65}
.vt-site main .blog-longform.vt-rich-content h2{counter-increment:article-section;scroll-margin-top:120px;font-size:clamp(29px,2.7vw,38px);line-height:1.25;padding-top:36px;margin:44px 0 22px;border-top:1px solid #dce7f4;overflow-wrap:break-word}
.vt-site main .blog-longform.vt-rich-content h2:before{content:counter(article-section,decimal-leading-zero);display:block;width:max-content;color:#005dc2;background:#edf5ff;border-radius:7px;padding:5px 9px;font-family:var(--font-body,'Satoshi',sans-serif);font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1.5;margin-bottom:14px}
.vt-site main .blog-longform.vt-rich-content h3{font-size:27px;margin:30px 0 14px;color:#10243e}
.vt-site main .blog-longform.vt-rich-content li{font-size:16px;line-height:1.8;padding-left:5px;margin-bottom:13px;color:#354c65}
.blog-longform li::marker{color:#ad4300;font-weight:700}
.vt-site main .blog-longform.vt-rich-content blockquote{padding:24px;background:linear-gradient(120deg,#fff5eb,#fffaf5);border-left:4px solid #ff6f00;margin:26px 0}
.vt-site main .blog-longform.vt-rich-content blockquote p{font-size:16px;margin:0}
.blog-longform a{font-weight:600;overflow-wrap:anywhere}
.blog-longform pre{max-width:100%;overflow:auto;padding:18px;background:#10243e;color:#edf5ff;border-radius:10px}
.blog-longform code{overflow-wrap:anywhere}
.blog-reading-layout:has(>.blog-longform:first-child){grid-template-columns:minmax(0,1fr);max-width:880px}
@media(min-width:992px) and (prefers-reduced-motion:no-preference){.blog-reading-layout{animation:article-arrive .5s ease both}@keyframes article-arrive{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(min-width:992px) and (max-height:760px){.blog-reading-sidebar{position:static}}
@media(max-width:991px){.blog-reading-layout{grid-template-columns:minmax(0,1fr);gap:24px;max-width:840px}.blog-reading-sidebar{position:static;grid-template-columns:1.2fr 1fr;gap:20px}.blog-contents ol{max-height:250px}.vt-site main .blog-longform.vt-rich-content{padding:34px}.vt-site .blog-article-shell .vt-featured-image{margin-bottom:28px}}
@media(max-width:600px){.vt-site .blog-article-shell{padding-block:32px 44px}.blog-reading-sidebar{grid-template-columns:minmax(0,1fr);gap:16px}.blog-contents,.blog-reading-help{padding:22px}.blog-contents ol{max-height:225px}.vt-site main .blog-longform.vt-rich-content{padding:26px 21px;border-radius:14px}.vt-site main .blog-longform.vt-rich-content p{font-size:16px;line-height:1.85}.vt-site main .blog-longform.vt-rich-content h2{font-size:29px;margin-top:34px;padding-top:28px;scroll-margin-top:100px}.vt-site main .blog-longform.vt-rich-content blockquote{padding:20px}.blog-article-shell .vt-featured-image figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.blog-reading-layout{animation:none}.blog-reading-help>a{transition:none}}