.public-site main.blog-story>.blog-article{width:var(--public-content-frame);max-width:none;padding-top:36px}.blog-article .blog-reading-layout{grid-template-columns:minmax(0,1fr) clamp(320px,26vw,380px);align-items:start;gap:clamp(28px,3vw,48px);display:grid}.blog-article .blog-reading-main{grid-row:auto;min-width:0}.blog-article .blog-article-header{max-width:none;margin-bottom:24px}.blog-article .blog-article-cover{border-radius:20px;width:100%;max-width:100%}.blog-article .blog-article-body{max-width:82ch}.blog-article .blog-back{margin-bottom:22px}.blog-article .blog-prose :is(h2,h3,h4){scroll-margin-top:var(--article-anchor-offset,112px)}.blog-article .blog-reading-sidebar{align-self:stretch;min-width:0;display:block}.blog-article .blog-reading-sticky{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;gap:20px;max-height:calc(100dvh - 116px);padding:0 4px 4px 0;display:flex;position:sticky;top:100px;overflow:auto}.blog-article .blog-reading-sticky>*{flex-shrink:0}.blog-article .blog-reading-sticky:is(:hover,:focus-within){scrollbar-color:#b6c7e3 transparent}.blog-article .blog-reader-cta{background:#172544;border-radius:22px;margin:0;padding:24px}.blog-article .blog-reader-cta h2{margin:10px 0;font-size:24px;line-height:1.3}.blog-article .blog-reader-cta p{margin:0;font-size:14px;line-height:1.65}.blog-article .blog-reader-cta>a{border-radius:999px;justify-content:center;gap:12px;margin-top:18px}.blog-article .blog-reader-cta>a.blog-reader-secondary{min-height:36px;margin-top:6px}.blog-article .blog-contents{background:#fff;border:1px solid #dfe5f4;border-radius:20px;margin:0;overflow:hidden}.blog-article .blog-contents summary{cursor:pointer;color:#172641;padding:18px 20px;font-size:15px;font-weight:700;line-height:1.5}.blog-article .blog-contents summary span{color:#64748b;white-space:nowrap;margin:0 0 0 6px;font-size:11px;font-weight:400;display:inline}.blog-article .blog-reading-progress{color:#64748b;align-items:center;gap:12px;padding:0 20px 14px;font-size:11px;display:flex}.blog-reading-progress progress{accent-color:#3158dd;flex:1;width:100%;min-width:0;height:5px}.blog-reading-progress>span{white-space:nowrap}.blog-article .blog-contents nav{scrollbar-width:thin;overscroll-behavior:contain;max-height:36dvh;padding:0 12px 12px;overflow:auto}.blog-article .blog-contents nav>ol{counter-reset:toc;margin:0;padding:0;list-style:none}.blog-article .blog-contents nav>ol>li{counter-increment:toc;margin:2px 0;padding:0;font-size:13px}.blog-article .blog-contents nav>ol>li>a{grid-template-columns:22px minmax(0,1fr);gap:6px;display:grid}.blog-article .blog-contents nav>ol>li>a:before{content:counter(toc, decimal-leading-zero);color:#8796af;padding-top:2px;font-size:11px}.blog-article .blog-contents a{color:#425574;border-radius:10px;padding:10px;font-weight:500;line-height:1.5;text-decoration:none;display:block}.blog-article .blog-contents a:hover{color:#2447c1;background:#f5f8ff}.blog-article .blog-contents a[aria-current=location]{color:#2447c1;background:#edf2ff;font-weight:700}.blog-article .blog-contents a:focus-visible{outline-offset:-2px;outline:2px solid #3158dd}.blog-article .blog-contents nav ol ol{border-left:1px solid #dce5f5;margin:4px 0 8px 20px;padding:0 0 0 10px;list-style:none}.blog-article .blog-contents nav ol ol li{margin:0;font-size:12px}.blog-article .blog-contents nav[data-enhanced] .blog-toc-group:not([data-active]):not(:focus-within)>ol{display:none}.blog-sidebar-related,.blog-sidebar-next{background:#fff;border:1px solid #dfe5f4;border-radius:20px;padding:20px}.blog-article :is(.blog-sidebar-related,.blog-sidebar-next,.blog-reader-tools) h2{color:#172641;letter-spacing:-.015em;margin:0 0 14px;font-size:15px;line-height:1.4}.blog-sidebar-related ul{margin:0;padding:0;list-style:none}.blog-sidebar-related li+li{border-top:1px solid #e8edf5;margin-top:14px;padding-top:14px}.blog-sidebar-related li a{color:#243e6b;align-items:flex-start;gap:12px;text-decoration:none;display:flex}.blog-sidebar-related img{object-fit:cover;border-radius:8px;flex:0 0 64px;width:64px;height:48px}.blog-sidebar-related small{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.blog-sidebar-related strong{font-size:13px;font-weight:600;line-height:1.55;display:block}.blog-sidebar-related a:hover strong{text-underline-offset:3px;text-decoration:underline}.blog-article :is(.blog-sidebar-browse,.blog-sidebar-next>a){color:#3158dd;justify-content:space-between;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.blog-sidebar-browse{margin-top:10px}.blog-sidebar-next{background:#f7f9ff}.blog-sidebar-next p{color:#526580;margin:0 0 10px;font-size:13px;line-height:1.7}.blog-article .blog-sidebar-next>a{background:#fff;border:1px solid #cbd8f6;border-radius:999px;justify-content:center;padding:10px 14px}.blog-article .blog-reader-tools{border:1px solid #dfe5f4;border-radius:20px;padding:20px}.public-site main.blog-story>.blog-related{width:var(--public-content-frame);max-width:none}@media (width<=1050px){.blog-article .blog-reading-layout{grid-template-columns:minmax(0,1fr)}.blog-article .blog-reading-sidebar{grid-row:auto;display:block}.blog-article .blog-reading-sticky{grid-template-columns:1fr 1fr;align-items:start;max-height:none;padding:0;display:grid;position:static;overflow:visible}.blog-article .blog-reading-main{grid-row:auto;display:contents}.blog-article .blog-reading-sidebar,.blog-article .blog-reading-sticky{display:contents}.blog-article .blog-article-header{grid-row:1;margin-bottom:0}.blog-article .blog-article-cover{grid-row:2;margin-bottom:0}.blog-article .blog-contents{grid-row:3}.blog-article .blog-article-body{grid-row:4;min-width:0}.blog-article .blog-article-footer{grid-row:5}.blog-article .blog-reader-cta{grid-row:6}.blog-article .blog-sidebar-related{grid-row:7}.blog-article .blog-sidebar-next{grid-row:8}.blog-article .blog-reader-tools{grid-row:9}.blog-article .blog-contents nav{max-height:360px}.blog-article .blog-article-body{max-width:none}}@media (width<=650px){.public-site main.blog-story>.blog-article{padding-top:26px}.blog-article .blog-reading-sticky{grid-template-columns:minmax(0,1fr)}.blog-article .blog-reader-cta{padding:22px}.blog-article .blog-reading-layout{gap:28px}}@media print{.public-site main.blog-story>.blog-article{width:100%;padding:0}.blog-article .blog-reading-layout{display:block}.blog-article .blog-reading-sidebar{display:none!important}.blog-article .blog-article-body{max-width:none}}