/* Localized article pages share one reading layout; other site pages are untouched. */
@font-face{font-family:CloudlyArticle;src:url('/assets/home-20261012/fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:CloudlyArticle;src:url('/assets/home-20261012/fonts/manrope-semibold.ttf') format('truetype');font-weight:600 800;font-display:swap}
html:has(.cs-article){scroll-padding-top:110px}
.cs-article{--article-paper:#f3f4f0;--article-ink:#172b3d;--article-muted:#65737e;--article-line:#172b3d26;--article-blue:#0052ff;background:var(--article-paper);color:var(--article-ink)}
.cs-article main{background:var(--article-paper)!important;font-family:CloudlyArticle,Arial,sans-serif!important;padding-block:140px 80px!important}
.cs-article main>.container{max-width:1280px;padding-inline:clamp(24px,4.5vw,65px)}
.cs-article main>.container+.container{padding-top:50px!important}
.cs-article main>.container:first-child>div:has(>img){padding:0!important;margin-bottom:0!important;border:0;box-shadow:none}
.cs-article main h1,.cs-article main h2,.cs-article main h3{font-family:CloudlyArticle,Arial,sans-serif!important;color:var(--article-ink);font-weight:400!important}
.cs-article main h1{font-size:clamp(34px,4vw,58px)!important;line-height:1.12!important;letter-spacing:-.045em!important}
.cs-article main article h2{font-size:clamp(25px,2.5vw,34px)!important;line-height:1.2!important;letter-spacing:-.035em!important;scroll-margin-top:0}
.cs-article main article h3{line-height:1.35!important}
.cs-article main article p{line-height:1.85!important}
.cs-article main article{min-width:0;background:transparent}
.cs-article main article>article{padding-bottom:48px!important}
.cs-article main .grid:has(>aside .toc-link){grid-template-columns:240px minmax(0,1fr)!important;gap:clamp(40px,5vw,76px)!important}
.cs-article main .grid:has(>aside .toc-link)>*{grid-column:auto!important;min-width:0}
.cs-article main .grid:has(>aside .toc-link)>div{max-width:760px}
.cs-article aside:has(.toc-link){position:sticky!important;top:36px!important;padding:0!important;align-self:start;box-shadow:none;background:transparent}
.cs-article aside:has(.toc-link)>div{background:transparent!important}
.cs-article aside:has(.toc-link)>div>div{margin-bottom:12px!important;padding-bottom:16px!important;border-bottom:1px solid var(--article-line)!important}
.cs-article aside:has(.toc-link)>div>div>div{font:600 11px/1.4 CloudlyArticle,Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--article-ink)!important}
.cs-article aside:has(.toc-link) nav{position:relative;border-left:1px solid var(--article-line)!important;max-height:calc(100svh - 116px)!important;overflow:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bac4cb transparent;padding-right:6px}
.cs-article aside:has(.toc-link) nav>div{left:0!important;width:2px!important;z-index:1;background:var(--article-blue)!important;pointer-events:none}
.cs-article .toc-link{display:block!important;width:100%;padding:10px 8px 10px 17px!important;margin-left:0!important;border-left:2px solid transparent!important;background:transparent!important;color:var(--article-muted)!important;font:400 12px/1.55 CloudlyArticle,Arial,sans-serif!important;text-decoration:none!important;overflow-wrap:anywhere;transition:color .15s,background-color .15s,border-color .15s}
.cs-article .toc-link>span{font:400 9px/1.4 CloudlyArticle,Arial,sans-serif!important;letter-spacing:.09em!important;color:#788590!important;margin-bottom:4px!important}
.cs-article .toc-link:hover{color:var(--article-ink)!important;background:#172b3d05!important}
.cs-article .toc-link.toc-active,.cs-article .toc-link[aria-current=location]{border-left-color:var(--article-blue)!important;color:var(--article-ink)!important;background:#0052ff07!important;font-weight:600!important}
.cs-article .toc-link.toc-active>span,.cs-article .toc-link[aria-current=location]>span{color:var(--article-blue)!important}
.cs-article .toc-link:focus-visible{outline:2px solid var(--article-blue);outline-offset:-2px}
.cs-article #progress-fill{height:100%;background:var(--article-blue);transition:width .12s linear}
.cs-article .article-progress,.cs-article #root>div:has(>#progress-fill){position:fixed;inset:0 0 auto;height:3px;z-index:1002;pointer-events:none;background:transparent;width:100%}
@media(max-width:1100px) and (min-width:1024px){.cs-article main .grid:has(>aside .toc-link){grid-template-columns:210px minmax(0,1fr)!important;gap:36px!important}}
@media(max-width:1023px){
 .cs-article main .grid:has(>aside .toc-link){grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 .cs-article aside:has(.toc-link){display:none!important}
 .cs-article main .grid:has(>aside .toc-link)>div{max-width:760px;margin-inline:auto}
}
@media(max-width:600px){
 .cs-article main{padding-block:112px 56px!important}
 .cs-article main>.container{padding-inline:24px}
 .cs-article main>.container+.container{padding-top:32px!important}
 .cs-article main h1{font-size:34px!important}
 .cs-article main article p{font-size:15px!important;line-height:1.8!important}
 .cs-article main article h2{margin-top:48px!important}
 .cs-article .article-data-row{flex-direction:column!important;align-items:stretch!important}
 .cs-article .article-data-row>div{width:auto!important;min-width:0!important;max-width:none!important;padding:16px 20px!important;overflow-wrap:anywhere}
 .cs-article .article-data-row>div+div{border-left:0!important}
}
@media(prefers-reduced-motion:reduce){.cs-article .toc-link,.cs-article #progress-fill{transition:none}}
@media print{.cs-article .article-progress,.cs-article aside:has(.toc-link){display:none!important}.cs-article main .grid:has(>aside .toc-link){display:block!important}.cs-article main .grid:has(>aside .toc-link)>div{max-width:none}}