/* Default article design, shared by published content, editor and preview. */
.article-contents{margin:28px 0;padding:20px 24px;background:#f2f8ff;border:1px solid #dce9f7;border-radius:16px;font:15px/1.6 Inter,system-ui,sans-serif;color:#18314f}
.article-contents summary{cursor:pointer;font-weight:700;font-size:18px}
.article-contents ol{columns:2;column-gap:36px;padding-left:24px;margin:18px 0 0}
.article-contents ol>li{break-inside:avoid;margin:0 0 12px;padding-left:4px}
.article-contents li::marker{color:#0967c7;font-weight:600}
.article-contents ul{list-style:none;margin:7px 0 0;padding-left:12px;border-left:2px solid #d8e7f7}
.article-contents ul li{margin-bottom:5px;font-size:13px}
.article-contents a{color:#245a89;text-decoration:none;overflow-wrap:normal;word-break:normal}
.article-contents a:hover{text-decoration:underline;text-underline-offset:3px}
.article-contents :is(a,summary):focus-visible{outline:3px solid #2271c4;outline-offset:3px}
.article-body :is(h2,h3)[id]{scroll-margin-top:110px}
@media(max-width:650px){.article-contents{padding:18px}.article-contents ol{columns:1}}
.article-page{max-width:1100px;color:#122440;padding-bottom:64px}
.article-page h1{max-width:900px;font-size:clamp(34px,5.2vw,58px);line-height:1.09;letter-spacing:-.035em;color:#102044;margin-bottom:22px}
.article-page .article-lead{font-size:20px;color:#41516b;max-width:900px;line-height:1.65}
.article-page .article-meta{font-size:13px;color:#667991}
.article-page .article-expert{padding:14px 0;margin:12px 0 22px;background:none;border:0;border-radius:0;gap:12px}
.article-page .article-expert h2{font-size:16px;margin:0;color:#314661}
.article-page .article-expert-label{font-size:11px}
:is(.article-body,.article-form .ql-editor,.article-preview-body){font:17px/1.8 Inter,system-ui,sans-serif;color:#34445f;counter-reset:article-section;overflow-wrap:normal;word-break:normal;hyphens:none}
:is(.article-body,.article-form .ql-editor,.article-preview-body) :is(p,ul,ol){margin:0 0 1.2em}
:is(.article-body,.article-form .ql-editor,.article-preview-body) strong{color:#142c4d}
:is(.article-body,.article-form .ql-editor,.article-preview-body)>h2{counter-increment:article-section;display:flex;align-items:baseline;gap:16px;margin:36px 0 24px;padding-top:30px;border-top:1px solid #dfe9f2;font-size:clamp(23px,3vw,31px);line-height:1.3;letter-spacing:-.025em;color:#102044}
:is(.article-body,.article-form .ql-editor,.article-preview-body)>h2::before{content:counter(article-section);display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;height:42px;border-radius:50%;background:#e1efff;color:#0967c7;font-size:23px;font-weight:800}
:is(.article-body,.article-form .ql-editor,.article-preview-body) h3{font-size:20px;line-height:1.45;color:#18314f;margin:28px 0 12px}
:is(.article-body,.article-form .ql-editor,.article-preview-body) li{margin-bottom:10px;overflow-wrap:normal;word-break:normal}
:is(.article-body,.article-preview-body) :is(ul,ol){padding-left:26px}
:is(.article-body,.article-preview-body) li::marker{color:#148659;font-weight:700}
:is(.article-body,.article-form .ql-editor,.article-preview-body) blockquote{border:1px solid #e0edf8;border-left:4px solid #67afea;border-radius:0 16px 16px 0;background:#f0f8ff;margin:24px 0;padding:23px 27px}
:is(.article-body,.article-form .ql-editor,.article-preview-body) pre{background:#f4f7fb;border:1px solid #dfe9f2;font-size:14px;line-height:1.8;padding:24px;border-radius:14px;overflow-x:auto;white-space:pre-wrap}
:is(.article-body,.article-preview-body) img{max-width:100%;height:auto;border-radius:12px}
.article-image{width:max-content;max-width:100%;margin:24px 0}
.article-image img{display:block;margin:0;cursor:zoom-in}
.article-image figcaption{max-width:760px;margin:10px auto 0;text-align:center;color:#667991;font-size:14px;line-height:1.55}
.article-lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}
.article-lightbox::backdrop{background:rgba(7,17,32,.88)}
.article-lightbox-inner{position:relative;display:grid;place-items:center;width:100%;height:100%;padding:56px 24px 24px;box-sizing:border-box}
.article-lightbox img{display:block;max-width:100%;max-height:calc(100vh - 110px);width:auto;height:auto;object-fit:contain;border-radius:8px}
.article-lightbox-caption{margin:12px 0 0;color:#fff;font-size:14px;text-align:center}
.article-lightbox-close{position:absolute;top:14px;right:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.article-lightbox-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
:is(.article-body,.article-form .ql-editor,.article-preview-body) a{color:#0967c7;text-underline-offset:3px}
.article-block{margin:24px 0;white-space:normal;font:inherit;box-sizing:border-box}
.article-block :is(p,h3){overflow-wrap:normal;word-break:normal}
.article-block :is(p,h3):last-child{margin-bottom:0}
:is(.article-block-cards,.article-block-metrics,.article-block-comparison){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.article-block .article-block-item{min-width:0;padding:22px 24px;border:1px solid #dfe9f2;border-radius:16px;background:#f7faff}
.article-block .article-block-item h3{font-size:18px;margin:0 0 10px;color:#18314f;line-height:1.45}
.article-block .article-block-item p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#34445f}
.article-block-metrics{grid-template-columns:repeat(3,minmax(0,1fr));padding:20px;background:linear-gradient(120deg,#f1f8ff,#f4fbf7);border-radius:22px}
.article-block-metrics .article-block-item{background:#dfeeff;border:0}
.article-block-metrics .article-block-item:nth-child(3n+2){background:#d9f3e7}
.article-block-metrics .article-block-item:nth-child(3n){background:#ffe8dc}
.article-block .article-block-label{font-size:32px;font-weight:800;color:#0967c7;line-height:1.2;margin-bottom:10px}
.article-block-metrics .article-block-item:nth-child(3n+2) .article-block-label{color:#087c50}
.article-block-metrics .article-block-item:nth-child(3n) .article-block-label{color:#ac5335}
.article-block-comparison .article-block-item:first-child{background:#edfaf2;border-color:#d9efdf}
.article-block-comparison .article-block-item:last-child{background:#fff0f2;border-color:#f3dfe4}
.article-block-note{padding:0;border-left:4px solid #67afea;background:#f0f8ff;border-radius:0 16px 16px 0}
.article-block-note .article-block-item{background:none;border:0}
.article-block-cta{padding:28px;background:linear-gradient(110deg,#e1f6eb,#effaf5);border:1px solid #d5eddf;border-radius:20px}
.article-block-cta .article-block-item{padding:0;border:0;background:none}
.article-block-cta .article-block-item h3{font-size:26px;line-height:1.3;color:#12342b}
.article-block-cta>p{margin:20px 0 0}
:is(.article-body,.article-form .ql-editor,.article-preview-body) a.article-button{display:inline-block;padding:13px 23px;background:#118756;color:#fff;border-radius:10px;font-size:16px;font-weight:700;text-decoration:none;line-height:1.5}
a.article-button:hover{background:#086e43}
:is(.article-body,.article-form .ql-editor,.article-preview-body) a:focus-visible{outline:3px solid #2271c4;outline-offset:4px}
@media(max-width:600px){
.article-page{padding-left:18px;padding-right:18px}
:is(.article-body,.article-form .ql-editor,.article-preview-body){font-size:16px}
:is(.article-body,.article-form .ql-editor,.article-preview-body)>h2{gap:12px;font-size:23px}
:is(.article-body,.article-form .ql-editor,.article-preview-body)>h2::before{flex-basis:34px;height:34px;font-size:20px}
:is(.article-block-cards,.article-block-comparison){grid-template-columns:1fr}
.article-block-metrics{gap:8px;padding:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.article-block-metrics .article-block-item{padding:12px 8px}
.article-block-metrics .article-block-item :is(h3,p){font-size:12px}
.article-block-metrics .article-block-item .article-block-label{font-size:28px}
.article-block-cta{padding:22px 18px}
}
@media print{.article-page{padding:0;max-width:none}.article-block-item{break-inside:avoid}}