.editorial-section{padding-top:65px;padding-bottom:65px}.editorial-layout{display:grid;grid-template-columns:270px 1fr;gap:65px}.article-toc{align-self:start;position:sticky;top:20px;background:#f3f7ff;border:1px solid #e0e9fa;border-radius:16px;padding:24px}.article-toc :is(strong,.visual-weight){display:block;font-size:15px;margin-bottom:16px}.article-toc a{display:block;font-size:12px;color:#5a7097;padding:9px 0;border-bottom:1px solid #dfe8f8;line-height:1.5}.article-toc .toc-cta{color:#1865e8;font-weight:700;margin-top:15px;border:0}.article-body{max-width:800px}.article-body h2{font-size:27px;font-weight:750;line-height:1.3;letter-spacing:-.5px}.article-body>section{margin-bottom:38px;scroll-margin-top:25px}.article-body p,.article-body li{color:#667998;font-size:16px;line-height:1.9}.article-body ul{padding-left:22px}.article-author{font-size:12px!important;border-bottom:1px solid #e0e8f6;padding-bottom:18px}.article-author a{color:#1865e8}.product-scope{padding:18px;background:#eff6ff;border-radius:12px;font-size:12px!important}.content-directory{border-top:1px solid #e1e9f8}.content-directory>:is(h3,.card-title,.ui-success-title){font-size:20px;margin-top:30px}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.directory-grid article{border:1px solid #dfe8f8;background:#f8faff;border-radius:13px;padding:23px;transition:border-color .2s}.directory-grid article:hover{border-color:#6ca8fa}.directory-grid :is(strong,.visual-weight){font-size:15px;color:#1c5095}.directory-grid p{font-size:12px;color:#7488a7;margin-bottom:0}.header nav{gap:14px}@media(max-width:1000px){.editorial-layout{gap:35px;grid-template-columns:220px 1fr}.header nav{gap:10px;font-size:11px}.directory-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.editorial-layout{grid-template-columns:1fr;gap:28px}.article-toc{position:static}.editorial-section{padding-block:45px}.article-body h2{font-size:25px}.article-body p,.article-body li{font-size:15px}.directory-grid{grid-template-columns:1fr}.content-directory .section-head h2{font-size:29px}.header nav{font-size:13px}}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{min-width:0}.hero h1{font-size:38px;overflow-wrap:anywhere}.product-visual{max-width:100%}}