.sn-article-page{background:#f4f8fd;color:#12263f}
.sn-article-page .sn-article{overflow:clip}
.sn-article-hero{position:relative;isolation:isolate;overflow:hidden;padding:28px 0 72px;color:#fff;background:radial-gradient(circle at 78% 13%,rgba(29,169,207,.25),transparent 30%),linear-gradient(130deg,#132a45 0%,#0c1c33 58%,#122f49 100%)}
.sn-article-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000)}
.sn-article-hero:after{content:"";position:absolute;left:-110px;bottom:-155px;width:390px;height:390px;border:1px solid rgba(66,205,244,.2);border-radius:50%;box-shadow:0 0 0 55px rgba(66,205,244,.035),0 0 0 110px rgba(66,205,244,.025)}
.sn-article-breadcrumb{display:flex;align-items:center;gap:12px;max-width:100%;margin-bottom:44px;color:#9fb3c6;font-size:13px;white-space:nowrap;overflow:hidden}
.sn-article-breadcrumb a{color:#d5e4f1;flex:none}
.sn-article-breadcrumb a:hover,.sn-article-breadcrumb a:focus-visible{color:#65daf5}
.sn-article-breadcrumb [aria-current]{overflow:hidden;text-overflow:ellipsis}
.sn-article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(32px,5vw,82px)}
.sn-article-hero-copy{min-width:0;padding-bottom:20px}
.sn-article-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(129,218,244,.26);border-radius:999px;padding:7px 14px;background:rgba(16,145,185,.13);color:#8ce5f7;font-size:13px;font-weight:700}
.sn-article-eyebrow i{color:#f8cb62}
.sn-article-hero h1{max-width:18ch;margin:22px 0 18px;color:#fff;font-size:clamp(32px,4.4vw,58px);font-weight:850;line-height:1.42;letter-spacing:-.035em}
.sn-article-deck{max-width:65ch;margin:0;color:#d5e2ed;font-size:clamp(15px,1.35vw,18px);line-height:2}
.sepinod-design .sn-article-deck{color:#d5e2ed}
.sn-article-hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:30px}
.sn-article-hero-meta>*{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 13px;background:rgba(255,255,255,.06);color:#e5f3fa;font-size:12px;line-height:1.45}
.sn-article-hero-meta i{color:#77d5ed}
.sn-article-hero-meta a:hover{background:rgba(105,211,239,.19);color:#fff}
.sn-article-hero-media{position:relative;min-height:340px;aspect-ratio:1.42;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:30px;background:#16334b;box-shadow:0 28px 70px rgba(1,12,28,.35)}
.sn-article-hero-media>img{display:block;width:100%;height:100%;object-fit:cover}
.sn-article-hero-fallback{display:grid;place-items:center;height:100%;min-height:340px;color:#f3c85c;font-size:90px;background:radial-gradient(circle at center,rgba(30,172,214,.28),transparent 55%)}
.sn-article-media-label{position:absolute;bottom:18px;right:18px;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 36px);padding:9px 15px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(8,30,49,.82);color:#fff;font-size:12px;backdrop-filter:blur(10px)}
.sn-article-media-label i{color:#f8ce69}
.sn-reading-progress{position:sticky;top:0;z-index:40;height:3px;background:transparent}
.sn-reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#14a3d0,#f4ce65);transition:width .15s linear}
.sn-article-surface{padding:60px 0 90px;background:linear-gradient(#f4f8fd,#fff 72%)}
.sn-article-page .sn-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:28px;align-items:start}
.sn-article-primary{min-width:0}
.sn-article-content,.sn-article-after{border:1px solid #e1eaf2;border-radius:24px;background:#fff;box-shadow:0 18px 52px rgba(16,46,75,.06)}
.sn-article-content{padding:clamp(25px,4.2vw,58px)}
.sn-article-content-label{display:flex;align-items:center;gap:11px;margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid #e5edf4;color:#186d98;font-size:13px;font-weight:800}
.sn-article-content-label i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e5f7fc}
.sepinod-design .sn-article .post-entry{max-width:78ch;margin:0 auto;color:#304359;font-size:17px;line-height:2.14;overflow-wrap:break-word}
.sepinod-design .sn-article .post-entry>p:first-child{font-size:18px;color:#1c304b}
.sepinod-design .sn-article .post-entry h2{position:relative;margin:54px 0 20px;padding:0 18px 0 0;border-right:4px solid #13a0cc;color:#112842;font-size:clamp(23px,2.4vw,30px);line-height:1.55;scroll-margin-top:35px}
.sepinod-design .sn-article .post-entry h3{margin:36px 0 14px;color:#173c58;font-size:clamp(19px,2vw,23px);line-height:1.6;scroll-margin-top:35px}
.sepinod-design .sn-article .post-entry p{margin:0 0 20px;color:#33485d}
.sepinod-design .sn-article .post-entry ul,.sepinod-design .sn-article .post-entry ol{margin:0 0 26px;padding-right:30px}
.sepinod-design .sn-article .post-entry li{margin:0 0 9px;padding-right:4px;line-height:2}
.sepinod-design .sn-article .post-entry li::marker{color:#169cc7}
.sepinod-design .sn-article .post-entry strong{color:#16314f}
.sepinod-design .sn-article .post-entry a{color:#087daa;text-decoration-thickness:1px;text-underline-offset:4px}
.sepinod-design .sn-article .post-entry a:focus-visible{outline:3px solid #10a5cf;outline-offset:4px;border-radius:3px}
.sepinod-design .sn-article .post-entry blockquote{margin:34px 0;padding:24px 28px;border:0;border-right:4px solid #19a9d1;border-radius:14px;background:#eef8fc;color:#163653}
.sepinod-design .sn-article .post-entry hr{margin:42px 0;border:0;border-top:1px solid #e3ecf3}
.sepinod-design .sn-article .post-entry figure{max-width:100%;margin:34px auto;text-align:center}
.sepinod-design .sn-article .post-entry img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:16px;object-fit:contain;background:#f0f5f9}
.sepinod-design .sn-article .post-entry figcaption{margin-top:12px;color:#6b8092;font-size:13px;line-height:1.8}
.sepinod-design .sn-article .post-entry img[src*="og-sepinod.svg"]{max-width:320px;padding:28px;border:1px dashed #c9d9e5;background:#f3f7fa}
.sepinod-design .sn-article .post-entry :is(table,.sn-table-scroll){max-width:100%}
.sepinod-design .sn-article .post-entry .sn-table-scroll{overflow-x:auto;border:1px solid #dbe6ef;border-radius:13px;scrollbar-color:#80cbe2 #eaf2f7}
.sepinod-design .sn-article .post-entry table{display:table;min-width:560px;width:100%;margin:0;border-collapse:collapse;font-size:14px}
.sepinod-design .sn-article .post-entry :is(th,td){min-width:0;padding:13px 15px;border:1px solid #dbe6ef;vertical-align:top;text-align:right}
.sepinod-design .sn-article .post-entry th{background:#eaf5fa;color:#153954}
.sepinod-design .sn-article .post-entry tr:nth-child(even) td{background:#f8fbfd}
.sn-inline-cta{display:flex;align-items:center;gap:18px;margin-top:48px;padding:24px;border:1px solid #b9e3ee;border-radius:18px;background:linear-gradient(110deg,#effaff,#e7f5fb)}
.sn-inline-cta-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:#118ab3;color:#fff;font-size:22px}
.sn-inline-cta>div{flex:1;min-width:0}
.sn-inline-cta h2{margin:0 0 4px;color:#11354d;font-size:19px}
.sn-inline-cta p{margin:0;color:#456277;font-size:13px;line-height:1.8}
.sn-inline-cta>a{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;min-height:43px;padding:8px 17px;border-radius:10px;background:#098fb9;color:#fff;font-size:13px;font-weight:800;transition:background .2s,transform .2s}
.sn-inline-cta>a:hover{background:#08739a;color:#fff;transform:translateY(-2px)}
.sepinod-design .sn-article .post-entry .sn-managed-cta{max-width:100%;margin:36px 0;padding:24px;border-color:#abddeb;background:radial-gradient(circle at 9% 15%,#fff9e8,transparent 38%),linear-gradient(115deg,#e9f9fd,#f2f8fc);box-shadow:0 16px 38px rgba(7,90,125,.09)}
.sn-managed-cta .sn-managed-cta-copy{flex:1 1 230px}.sn-managed-cta-kicker{display:block;margin-bottom:5px;color:#087fa8;font-size:11px;font-weight:850}
.sepinod-design .sn-article .post-entry .sn-managed-cta h2{margin:0 0 5px;padding:0;border:0;color:#11354d;font-size:19px;line-height:1.55}.sepinod-design .sn-article .post-entry .sn-managed-cta p{margin:0;color:#456277;font-size:13px;line-height:1.8}
.sn-managed-cta .sn-managed-cta-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;justify-content:flex-end}.sepinod-design .sn-article .post-entry .sn-managed-cta-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:42px;padding:8px 13px;border:1px solid #0b91b8;border-radius:10px;background:#078fb8;color:#fff;font-size:12px;font-weight:800;text-align:center;text-decoration:none;overflow-wrap:anywhere;transition:background .2s,transform .2s}.sepinod-design .sn-article .post-entry .sn-managed-cta-actions a:hover{background:#066d94;color:#fff;transform:translateY(-2px)}.sepinod-design .sn-article .post-entry .sn-managed-cta-actions .sn-managed-cta-call{background:#fff;color:#116e90}.sepinod-design .sn-article .post-entry .sn-managed-cta-actions .sn-managed-cta-call:hover{background:#e7f6fb;color:#075879}
.sn-article-after{margin-top:20px;padding:clamp(24px,3vw,36px)}
.sn-post-rating{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;margin-bottom:28px;padding:24px;border:1px solid #cfe9f2;border-radius:20px;background:linear-gradient(135deg,#f1fbfe,#fff)}
.sn-post-rating-kicker{color:#088bb3;font-size:12px;font-weight:800}
.sn-post-rating h2{margin:7px 0;color:#12334e;font-size:21px}
.sn-post-rating p{margin:6px 0 0;color:#5b7487;font-size:13px;line-height:1.8}
.sn-post-rating-result{display:flex;align-items:center;gap:10px;margin-top:14px}
.sn-post-rating-display-stars{display:inline-flex;gap:2px;color:#bdcbd5;font-size:20px;letter-spacing:1px}
.sn-post-rating-display-stars .is-filled{color:#f2ac23}
.sn-post-rating-result strong{color:#122e48;font-size:20px}
.sn-post-rating-result small{color:#597185;font-size:12px}
.sn-post-rating-action{text-align:center}
.sn-post-rating-action fieldset{margin:0 0 10px;padding:0;border:0}
.sn-post-rating-action legend{margin:0 auto 5px;color:#36536b;font-size:13px;font-weight:700}
.sn-post-rating-stars{display:flex;flex-direction:row-reverse;justify-content:center;direction:rtl;gap:3px}
.sn-post-rating-stars label{position:relative;cursor:pointer;color:#c2d1dc;font-size:36px;line-height:1.2;transition:color .18s,transform .18s}
.sn-post-rating-stars input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.sn-post-rating-stars label:has(input:checked),.sn-post-rating-stars label:has(input:checked)~label,.sn-post-rating-stars label:hover,.sn-post-rating-stars label:hover~label{color:#f2ac23}
.sn-post-rating-stars input:checked+span{color:#f2ac23}
.sn-post-rating-stars label:hover{transform:scale(1.14)}
.sn-post-rating-stars label:has(input:focus-visible){outline:3px solid #51c9e9;outline-offset:2px;border-radius:5px}
.sn-post-rating-stars input:focus-visible+span{outline:3px solid #51c9e9;outline-offset:2px;border-radius:5px}
.sn-post-rating-action :is(button,.sn-post-rating-login){display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px;padding:10px 17px;background:#078eb8;color:#fff;font-size:13px;font-weight:800;cursor:pointer}
.sn-post-rating-action :is(button,.sn-post-rating-login):hover{background:#066d94;color:#fff}
.sn-post-rating-action .sn-post-rating-error{color:#b4233c}
.sn-post-rating-action .sn-post-rating-success{color:#147550}
@media(max-width:680px){.sn-post-rating{grid-template-columns:1fr;padding:18px}.sn-post-rating-action{text-align:right}.sn-post-rating-action legend{margin-right:0}.sn-post-rating-stars{justify-content:flex-end}.sn-post-rating-result{flex-wrap:wrap}}
.sn-share-links{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #e8eff5}
.sn-share-links>span:first-child{margin-left:auto;color:#36516a;font-size:13px;font-weight:750}
.sn-share-links :is(a,button){border:1px solid #d7e7f0;border-radius:999px;padding:7px 13px;background:#f8fcfe;color:#14668e;font-size:12px;cursor:pointer;transition:background .2s,border-color .2s}
.sn-share-links :is(a,button):hover{border-color:#65c3dc;background:#e7f7fb;color:#0c557c}
.sn-copy-feedback{min-width:80px;color:#16835f;font-size:12px}
.sn-article-page .sn-article-sidebar{position:sticky;top:24px;min-width:0}
.sn-article-sidebar-inner{display:grid;gap:17px}
.sn-article-toc,.sn-article-help{border:1px solid #dfebf3;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(16,46,75,.06)}
.sn-article-toc{padding:20px}
.sn-article-toc summary{display:flex;align-items:center;gap:9px;color:#142e49;font-size:15px;font-weight:800;cursor:pointer;list-style:none}
.sn-article-toc summary::-webkit-details-marker{display:none}
.sn-article-toc summary i:first-child{color:#129ac3}
.sn-article-toc summary i:last-child{margin-right:auto;color:#8297a8;font-size:11px;transition:transform .2s}
.sn-article-toc:not([open]) summary i:last-child{transform:rotate(90deg)}
.sn-article-toc ol{max-height:min(58vh,640px);margin:18px 0 0;padding:0 18px 0 0;overflow:auto;list-style:none;border-right:1px solid #d8e7ef;scrollbar-width:thin}
.sn-article-toc li{margin:0;padding:0;font-size:13px;line-height:1.7}
.sn-article-toc li[data-level="3"]{padding-right:12px;font-size:12px}
.sn-article-toc a{display:block;margin:0 -1px 0 0;padding:9px 12px;border-right:2px solid transparent;color:#557087;transition:color .2s,background .2s,border-color .2s}
.sn-article-toc a:hover,.sn-article-toc a.is-active{border-right-color:#129ac3;background:#edf8fc;color:#0f5c82}
.sn-article-help{padding:22px;background:linear-gradient(150deg,#fff,#eaf7fc)}
.sn-article-help>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#d8f1fa;color:#0d8db7;font-size:19px}
.sn-article-help h2{margin:15px 0 7px;color:#123551;font-size:17px}
.sn-article-help p{margin:0 0 14px;color:#516b80;font-size:12px;line-height:1.8}
.sn-article-help a{display:block;border-radius:10px;padding:10px;background:#078ab3;color:#fff;text-align:center;font-weight:800}
.sn-article-help a:hover{background:#086b91;color:#fff}
.sn-article-all-posts{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border:1px solid #dae7f0;border-radius:12px;background:#fff;color:#17688e;font-size:13px;font-weight:750}
.sn-article-all-posts:hover{border-color:#7ccbe0;color:#0c557a}
.sn-article-related{margin-top:62px}
.sn-article-related-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.sn-article-related-heading span{color:#168cba;font-size:13px;font-weight:750}
.sn-article-related-heading h2{margin:5px 0 0;color:#122e48;font-size:clamp(23px,2.6vw,30px)}
.sn-article-related-heading>a{color:#146e95;font-size:13px;font-weight:750}
.sn-article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sn-related-card{min-width:0;overflow:hidden;border:1px solid #e0eaf2;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(16,46,75,.05)}
.sn-related-card-image{display:grid;place-items:center;height:190px;overflow:hidden;background:linear-gradient(130deg,#d5f2fa,#dae8f5);color:#138ab9;font-size:48px}
.sn-related-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.sn-related-card:hover img{transform:scale(1.045)}
.sn-related-card>div{padding:19px}
.sn-related-card time{color:#738ba0;font-size:12px}
.sn-related-card h3{min-height:3.8em;margin:7px 0 17px;color:#18334e;font-size:16px;line-height:1.9}
.sn-related-card h3 a{color:inherit}
.sn-related-card h3 a:hover{color:#0e83ad}
.sn-related-card-link{color:#087fa8;font-size:13px;font-weight:800}
.sn-article-page :is(a,button,summary):focus-visible{outline:3px solid #51c9e9;outline-offset:3px}
@media(max-width:991px){.sn-article-hero{padding-bottom:48px}.sn-article-hero-grid{grid-template-columns:1fr;gap:28px}.sn-article-hero h1{max-width:22ch}.sn-article-hero-media{min-height:300px;max-height:450px}.sn-article-page .sn-article-layout{grid-template-columns:1fr}.sn-article-page .sn-article-sidebar{position:static;grid-row:1}.sn-article-sidebar-inner{display:block}.sn-article-toc{margin-bottom:0}.sn-article-help,.sn-article-all-posts{display:none}.sn-article-toc ol{max-height:280px}.sn-article-surface{padding-top:32px}}
@media(max-width:680px){.sn-article-hero{padding:18px 0 34px}.sn-article-breadcrumb{margin-bottom:24px;font-size:11px}.sn-article-hero h1{font-size:clamp(28px,8vw,38px);line-height:1.5}.sn-article-deck{font-size:14px}.sn-article-hero-meta{gap:7px;margin-top:22px}.sn-article-hero-meta>*{font-size:11px;padding:7px 10px}.sn-article-hero-media{min-height:220px;aspect-ratio:1.48;border-radius:19px}.sn-article-media-label{right:10px;bottom:10px;font-size:10px}.sn-article-content{padding:24px 20px}.sn-article-after{padding:22px 19px}.sepinod-design .sn-article .post-entry{font-size:15.5px;line-height:2.1}.sepinod-design .sn-article .post-entry h2{font-size:22px;margin-top:42px}.sepinod-design .sn-article .post-entry h3{font-size:19px}.sn-inline-cta{flex-wrap:wrap;padding:19px}.sn-inline-cta>a{width:100%}.sn-share-links>span:first-child{width:100%}.sn-article-related{margin-top:46px}.sn-article-related-grid{grid-template-columns:1fr}.sn-related-card{display:grid;grid-template-columns:116px minmax(0,1fr)}.sn-related-card-image{height:100%;min-height:145px}.sn-related-card>div{padding:15px}.sn-related-card h3{min-height:0;margin-bottom:10px;font-size:14px}.sn-article-related-heading>a{display:none}}
@media(max-width:680px){.sn-managed-cta .sn-managed-cta-actions{flex:1 0 100%;display:grid;grid-template-columns:1fr 1fr}.sepinod-design .sn-article .post-entry .sn-managed-cta-actions a{min-height:46px;padding:8px;text-align:center}}
.sepinod-design .sn-article .post-entry figcaption{color:#526579}.sn-article-page .post-comments-empty,.sn-article-page .post-comments-empty p{color:#3f5068}
@media(prefers-reduced-motion:reduce){.sn-article-page :is(a,button,img,.sn-reading-progress span){transition:none!important;animation:none!important}}
