:is(#cx-blog,#cx-blog-modal){--deep:#003D78;--blue:#005294;--mid:#7299C6;--pale:#92B0D5;font-family:Arial,Helvetica,sans-serif;color:var(--deep);background:#f4f7fb;line-height:1.6;text-align:left;isolation:isolate}
:is(#cx-blog,#cx-blog-modal) *,:is(#cx-blog,#cx-blog-modal) *::before,:is(#cx-blog,#cx-blog-modal) *::after{box-sizing:border-box}
:is(#cx-blog,#cx-blog-modal) button,:is(#cx-blog,#cx-blog-modal) input{font:inherit}
:is(#cx-blog,#cx-blog-modal) button,:is(#cx-blog,#cx-blog-modal) a{-webkit-tap-highlight-color:transparent}
:is(#cx-blog,#cx-blog-modal) a{color:var(--blue)}
:is(#cx-blog,#cx-blog-modal) :focus-visible{outline:3px solid var(--mid);outline-offset:4px}
:is(#cx-blog,#cx-blog-modal) .hero{max-width:1450px;margin:0 auto 28px;min-height:330px;background:linear-gradient(90deg,rgba(244,247,251,.98),rgba(244,247,251,.94) 32%,rgba(244,247,251,.4) 68%,transparent),var(--hero-image) center/cover;display:flex;align-items:center;padding:52px 7%;border-radius:0 0 16px 16px}
:is(#cx-blog,#cx-blog-modal) .hero h1{font-size:clamp(32px,4vw,56px);line-height:1.12;max-width:640px;color:var(--deep);margin:14px 0 20px;letter-spacing:-.025em}
:is(#cx-blog,#cx-blog-modal) .hero p{font-size:17px;line-height:1.65;max-width:560px;margin:0;color:var(--deep)}
:is(#cx-blog,#cx-blog-modal) .eyebrow{color:var(--blue);letter-spacing:.25em;font-weight:700;font-size:13px}
:is(#cx-blog,#cx-blog-modal) .content{max-width:1450px;margin:auto;padding:0 24px 64px}
:is(#cx-blog,#cx-blog-modal) .tools{margin:0 0 14px;color:var(--deep)}
:is(#cx-blog,#cx-blog-modal) .tools summary{cursor:pointer;font-weight:700;padding:12px 0}
:is(#cx-blog,#cx-blog-modal) .controls{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 0}
:is(#cx-blog,#cx-blog-modal) .filters{display:flex;gap:8px;flex-wrap:wrap;flex:1}
:is(#cx-blog,#cx-blog-modal) .filters button{border:1px solid var(--pale);border-radius:28px;background:white;color:var(--deep);padding:9px 16px;cursor:pointer;font-size:14px;min-height:44px}
:is(#cx-blog,#cx-blog-modal) .filters button.active{background:var(--blue);border-color:var(--blue);color:white}
:is(#cx-blog,#cx-blog-modal) .search-label{display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:4px}
:is(#cx-blog,#cx-blog-modal) input{border:1px solid var(--mid);border-radius:22px;padding:10px 16px;min-width:230px;max-width:100%;color:var(--deep);background:white;min-height:44px}
:is(#cx-blog,#cx-blog-modal) .result-count{margin:4px 0 20px;font-size:14px;color:var(--deep)}
:is(#cx-blog,#cx-blog-modal) .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
:is(#cx-blog,#cx-blog-modal) .card{background:white;border:1px solid var(--pale);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:box-shadow .2s ease}
:is(#cx-blog,#cx-blog-modal) .card:hover{box-shadow:0 8px 25px rgba(0,61,120,.1)}
:is(#cx-blog,#cx-blog-modal) .card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f4f7fb}
:is(#cx-blog,#cx-blog-modal) .card-body{padding:24px;display:flex;flex-direction:column;flex:1}
:is(#cx-blog,#cx-blog-modal) .meta{font-size:12px;text-transform:uppercase;color:var(--blue);letter-spacing:.06em;line-height:1.6}
:is(#cx-blog,#cx-blog-modal) .card h2{font-size:22px;line-height:1.3;margin:12px 0;color:var(--deep);font-weight:700;letter-spacing:normal}
:is(#cx-blog,#cx-blog-modal) .card p{font-size:15px;line-height:1.65;color:var(--deep);margin:0 0 18px}
:is(#cx-blog,#cx-blog-modal) .read{margin-top:auto;padding:8px 0 0;background:none;border:0;color:var(--blue);font-size:16px;font-weight:700;text-align:left;cursor:pointer;text-decoration:none;min-height:44px;display:flex;align-items:center}
:is(#cx-blog,#cx-blog-modal) .read:hover{color:var(--deep);text-decoration:underline}
:is(#cx-blog,#cx-blog-modal) .empty{padding:32px;border:1px solid var(--pale);border-radius:12px;background:white;grid-column:1/-1}
:is(#cx-blog,#cx-blog-modal) .overlay{position:fixed;inset:0;background:rgba(0,61,120,.8);z-index:2147483000;overflow:auto;overscroll-behavior:contain;padding:32px 16px;display:none}
:is(#cx-blog,#cx-blog-modal) .overlay.open{display:block}
:is(#cx-blog,#cx-blog-modal) .article{position:relative;max-width:860px;margin:0 auto 24px;background:white;border-radius:15px;padding:36px;box-shadow:0 10px 40px rgba(0,61,120,.2)}
:is(#cx-blog,#cx-blog-modal) .article h1,:is(#cx-blog,#cx-blog-modal) .article h2.article-title{font-size:34px;line-height:1.2;margin:18px 0 26px;color:var(--deep);padding-right:20px;letter-spacing:-.02em}
:is(#cx-blog,#cx-blog-modal) .article .article-image{display:block;width:var(--preview-width,100%);height:var(--preview-height,auto);max-width:100%;object-fit:contain;background:#f4f7fb;border-radius:9px;margin:0 auto 22px}
:is(#cx-blog,#cx-blog-modal) .fulltext{line-height:1.75;font-size:17px;color:var(--deep);overflow-wrap:break-word}
:is(#cx-blog,#cx-blog-modal) .fulltext p{margin:0 0 1.1em;font-size:inherit;line-height:inherit;color:inherit}
:is(#cx-blog,#cx-blog-modal) .fulltext ul{margin:.25em 0 1.2em;padding-left:1.5em}
:is(#cx-blog,#cx-blog-modal) .fulltext li{margin:.35em 0}
:is(#cx-blog,#cx-blog-modal) .fulltext h3{font-size:20px;color:var(--deep);margin:1.4em 0 .5em}
:is(#cx-blog,#cx-blog-modal) .fulltext .lead{font-weight:700;color:var(--deep);font-size:19px}
:is(#cx-blog,#cx-blog-modal) .fulltext .quote{border-left:3px solid var(--mid);padding:.6em 1em;background:#f4f7fb;border-radius:0 6px 6px 0}
:is(#cx-blog,#cx-blog-modal) .fulltext .flow{color:var(--blue);font-weight:700}
:is(#cx-blog,#cx-blog-modal) .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
:is(#cx-blog,#cx-blog-modal) .gallery img{display:block;width:auto;height:auto;max-width:100%;max-height:min(400px,45vh);margin:0 auto;object-fit:contain;border:1px solid var(--pale);border-radius:8px}
:is(#cx-blog,#cx-blog-modal) .close{position:sticky;top:0;float:right;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;margin:0;border:1px solid #92B0D5;border-radius:50%;background:#fff;color:#003D78;font-size:18px;font-weight:400;line-height:1;box-shadow:none;cursor:pointer;z-index:1;appearance:none;transition:background-color .15s ease,border-color .15s ease}
:is(#cx-blog,#cx-blog-modal) .close:hover{background:#edf4fb;border-color:#7299C6;color:#003D78}
:is(#cx-blog,#cx-blog-modal) .close:focus-visible{outline:3px solid #7299C6;outline-offset:3px}
:is(#cx-blog,#cx-blog-modal) .close::before{content:"";position:absolute;inset:-6px;border-radius:50%}
:is(#cx-blog,#cx-blog-modal) .close svg{display:block;width:14px;height:14px;pointer-events:none}
:is(#cx-blog,#cx-blog-modal) .article-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:30px 0 0;padding-top:22px;border-top:1px solid var(--pale)}
:is(#cx-blog,#cx-blog-modal) .cta{display:inline-block;background:var(--blue);color:white;padding:12px 20px;border-radius:6px;font-weight:700;text-decoration:none}
:is(#cx-blog,#cx-blog-modal) .cta:hover{background:var(--deep)}
:is(#cx-blog,#cx-blog-modal) .return{display:inline-block;margin-bottom:20px;font-weight:700}
@media(max-width:950px){:is(#cx-blog,#cx-blog-modal) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){:is(#cx-blog,#cx-blog-modal) .hero{padding:34px 22px;min-height:300px}:is(#cx-blog,#cx-blog-modal) .content{padding:0 16px 40px}:is(#cx-blog,#cx-blog-modal) .grid{grid-template-columns:1fr}:is(#cx-blog,#cx-blog-modal) .card img{height:auto;aspect-ratio:auto;max-height:none;min-height:0}:is(#cx-blog,#cx-blog-modal) .article{padding:22px 18px}:is(#cx-blog,#cx-blog-modal) .article h1,:is(#cx-blog,#cx-blog-modal) .article h2.article-title{font-size:27px;padding-right:0}:is(#cx-blog,#cx-blog-modal) .overlay{padding:12px 8px}:is(#cx-blog,#cx-blog-modal) .fulltext{font-size:16px}:is(#cx-blog,#cx-blog-modal) .gallery{grid-template-columns:1fr}:is(#cx-blog,#cx-blog-modal) .gallery img{max-width:500px;margin:auto}:is(#cx-blog,#cx-blog-modal) .search-label,:is(#cx-blog,#cx-blog-modal) input{width:100%}}
@media(prefers-reduced-motion:reduce){:is(#cx-blog,#cx-blog-modal) .card{transition:none}}

#cx-blog-modal{position:relative;z-index:2147483000}


:is(#cx-blog,#cx-blog-modal) h2,:is(#cx-blog,#cx-blog-modal) h3{font-family:Arial,Helvetica,sans-serif;text-transform:none}
:is(#cx-blog,#cx-blog-modal) button{box-shadow:none}

#cx-blog-hero{--deep:#003D78;--blue:#005294;--mid:#7299C6;--pale:#92B0D5;font-family:Arial,Helvetica,sans-serif;color:var(--deep);background:#f4f7fb;line-height:1.6;text-align:left;isolation:isolate}
#cx-blog-hero,#cx-blog-hero *{box-sizing:border-box}

#cx-blog-hero .hero{max-width:1450px;margin:0 auto 28px;min-height:330px;background:linear-gradient(90deg,rgba(244,247,251,.98),rgba(244,247,251,.94) 32%,rgba(244,247,251,.4) 68%,transparent),var(--hero-image) center/cover;display:flex;align-items:center;padding:52px 7%;border-radius:0 0 16px 16px}
#cx-blog-hero .hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(32px,4vw,56px);line-height:1.12;max-width:640px;color:var(--deep);margin:14px 0 20px;letter-spacing:-.025em;text-transform:none}
#cx-blog-hero .hero p{font-size:17px;line-height:1.65;max-width:560px;margin:0;color:var(--deep)}
#cx-blog-hero .eyebrow{color:var(--blue);letter-spacing:.25em;font-weight:700;font-size:13px}
@media(max-width:640px){#cx-blog-hero .hero{padding:34px 22px;min-height:300px}}