
.ecai-blog-index{color:#223a6a;font:400 17px/19px area-normal,sans-serif;letter-spacing:-.51px}
.ecai-blog-index strong,.ecai-blog-index .highlight{font-weight:900}
.ecai-blog-index .malachite{color:#00c52c}
.ecai-blog-index .federal-blue{color:#000e54}
.ecai-blog-index .ecai-container{width:1140px;max-width:90%;margin-inline:auto}
.ecai-blog-index .blog-index-hero{padding:71px 0 0;text-align:left;background:#fffaf0}
.ecai-blog-index .blog-index-columns{display:grid;grid-template-columns:48.5% 41%;gap:10.5%;align-items:start;min-height:523px}
.ecai-blog-index .blog-index-copy h1{font:600 35px/37px area-normal,sans-serif;letter-spacing:-1.05px;margin:0 0 59px;color:#000e54;max-width:none}
.ecai-blog-index .blog-index-intro{width:88%;margin-bottom:60px}
.ecai-blog-index .blog-index-intro p{font:400 17px/23px area-normal,sans-serif;letter-spacing:-.51px;margin:0}
.ecai-blog-index .blog-index-rating{display:flex;justify-content:center;width:100%}
.ecai-blog-index .blog-index-rating img{width:209px;height:30px}
.ecai-blog-index .blog-index-image{display:block;margin-top:49px}
.ecai-blog-index .blog-index-image img{width:464px;height:auto;max-width:100%}
.ecai-blog-index .blog-index-results{padding:100px 0;background:#bdf2d0 url('/images/ecai/bg/shape-floral-white-right.webp') right top/739px auto no-repeat}
.ecai-blog-index .blog-index-grid{display:grid;grid-template-columns:232px 1fr;gap:32px;align-items:start}
.ecai-blog-index .blog-categories{border:0;margin:0;padding:0;display:block;position:sticky;top:100px}
.ecai-blog-index .blog-category-links{border:1px solid #00c52c;padding:5px;border-radius:5px;display:grid;gap:5px}
.ecai-blog-index .blog-category-links a{font:400 17px/23px area-normal,sans-serif;letter-spacing:-.51px;display:block;min-height:50px;padding:14px 16px;color:#000e54;text-decoration:none;border-radius:4px}
.ecai-blog-index .blog-category-links a[aria-current],.ecai-blog-index .blog-category-links a:hover{background:#00c52c;color:#000e54}
.ecai-blog-index .blog-category-links a[aria-current]{font-weight:700}
.ecai-blog-index .blog-category-select{display:none}
.ecai-blog-index .blog-index-list{display:grid;gap:30px;min-width:0}
.ecai-blog-index .blog-list-card{position:relative;display:block;background:#fffaf0;border-radius:5px;padding:30px;color:#223a6a}
.ecai-blog-index .blog-list-card h2{font:700 20px/36px area-normal,sans-serif;letter-spacing:-.84px;margin:0 0 16px;color:#000e54}
.ecai-blog-index .blog-list-card h2 a{color:inherit;text-decoration:none}
.ecai-blog-index .blog-list-card h2 a::after{content:'';position:absolute;inset:0;border-radius:5px}
.ecai-blog-index .blog-list-card:focus-within{outline:2px solid #000e54;outline-offset:4px}
.ecai-blog-index .blog-list-meta{font:400 17px/20px area-normal,sans-serif;letter-spacing:normal;display:flex;flex-wrap:wrap;gap:16px;margin:0 0 16px;color:#7897ff}
.ecai-blog-index .blog-list-meta>span::before{content:'-';margin-right:16px}
.ecai-blog-index .blog-list-summary{font:400 17px/19px area-normal,sans-serif;letter-spacing:-.51px;margin-bottom:24px}
.ecai-blog-index .blog-list-more{position:relative;z-index:1;display:inline-block;font:600 17px/19px area-normal,sans-serif;color:#000e54;text-decoration:none}
.ecai-blog-index .blog-pagination{margin-top:10px;justify-content:end}
@media(max-width:991px){
 .ecai-blog-index .ecai-container{width:608px;max-width:calc(100% - 72px)}
 .ecai-blog-index .blog-index-hero{padding:81px 0 80px}
 .ecai-blog-index .blog-index-columns{grid-template-columns:55% 45%;gap:0;min-height:0;align-items:end}
 .ecai-blog-index .blog-index-copy h1{font-size:28px;line-height:30px;letter-spacing:-.84px;margin-bottom:24px}
 .ecai-blog-index .blog-index-intro{width:100%;margin-bottom:25px}
 .ecai-blog-index .blog-index-image{margin:0}
 .ecai-blog-index .blog-index-image img{width:262px;height:268px}
 .ecai-blog-index .blog-index-grid{display:block}
 .ecai-blog-index .blog-index-results{padding-top:100px}
 .ecai-blog-index .blog-categories{position:static;margin-bottom:32px}
 .ecai-blog-index .blog-category-links{display:none}
 .ecai-blog-index .blog-category-select{display:block;width:100%;height:48px;padding:10px 48px 11px 15px;border:0;border-bottom:1px solid #00c52c;border-radius:0;background:#fffaf0;color:#000e54;font:400 17px/19px area-normal,sans-serif}
 .ecai-blog-index .blog-list-card h2{font-size:22px;line-height:28px}
 .ecai-blog-index .blog-list-meta{font-size:13px}
 .ecai-blog-index .blog-list-summary{font-size:15px;line-height:22px}
}
@media(max-width:575px){
 .ecai-blog-index .ecai-container{width:calc(90% - 32px);max-width:none}
 .ecai-blog-index .blog-index-hero{padding:61px 0 0}
 .ecai-blog-index .blog-index-columns{display:block}
 .ecai-blog-index .blog-index-image{margin-top:50px;margin-bottom:-5px}
 .ecai-blog-index .blog-index-image img{width:100%;height:auto;max-width:100%}
 .ecai-blog-index .blog-index-results{padding-top:80px}
 .ecai-blog-index .blog-list-meta{gap:8px;line-height:20px}
}

.ecai-blog-index .blog-index-copy h1,.ecai-blog-index .blog-index-intro p{text-align:left}
.ecai-blog-index .blog-index-results{background-image:url('/images/ecai/bg/shape-floral-white-top-right.svg');background-size:737px auto}
.ecai-blog-index .blog-list-card{padding-top:40px}
body:has(.ecai-blog-article){background:#bdf2d0 url('/images/ecai/bg/shape-floral-white-top-right.svg') right top/737px auto no-repeat}
.ecai-blog-article .blog-hero{padding-top:90px;padding-bottom:70px}
.ecai-blog-article .blog-hero__grid--text{width:946px;max-width:90%}
.ecai-blog-article .blog-meta{font:600 17px/23px area-normal,sans-serif;letter-spacing:-.51px;color:#00c52c;margin:0 0 15px}
.ecai-blog-article .blog-hero__copy h1{margin-bottom:60px}
.ecai-blog-article .blog-article-body>ul,.ecai-blog-article .blog-article-body>ol,.ecai-blog-article .blog-article-body>blockquote{background:#fffaf0}
.ecai-blog-article .blog-article-body h2{margin-top:50px;margin-bottom:15px}
body:has(.ecai-blog-article) .nav-list a[href='/blog']{font-weight:700}
@media(max-width:991px){.ecai-blog-article .blog-hero__grid--text{width:608px;max-width:calc(100% - 72px)}}
@media(max-width:575px){.ecai-blog-article .blog-hero__grid--text{width:calc(100% - 72px);max-width:none}.ecai-blog-article .blog-hero{padding-top:60px}.ecai-blog-article .blog-meta{font-size:13px;line-height:19px}}

.ecai-blog-article .blog-intro{max-width:none}
@media(max-width:991px){
 .ecai-blog-index .blog-categories{min-height:80px}
 .ecai-blog-index .blog-category-select{height:50px;border:0;border-radius:5px;background-image:url('../icons/select-arrow.svg');background-repeat:no-repeat;background-position:right 5px center;background-size:33px 33px;appearance:none}
}

@media(max-width:991px){
 .ecai-blog-index .blog-category-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' rx='5' fill='%23000e54'/%3E%3Cpath d='M13 15h14M13 20h14M13 25h14' stroke='%23fffaf0' stroke-width='.7'/%3E%3C/svg%3E");background-size:40px 40px;font-weight:600}
}

/* ECAI blog content: H3 spacing, 2026-10-29. Preserve approved typography. */
.ecai-blog-article :is(.blog-article-body,.blog-intro) h3 {
  margin-block-start: 32px !important;
  margin-block-end: 12px !important;
  line-height: 1.3 !important;
}

/* Keep editorial embeds within the article column at every screen width. */
.ecai-blog-article :is(.blog-article-body,.blog-intro) iframe{max-width:100%}
.ecai-blog-article :is(.blog-article-body,.blog-intro) iframe:is([src^="https://www.youtube.com/embed/"],[src^="https://www.youtube-nocookie.com/embed/"],[src^="https://player.vimeo.com/video/"]){height:auto;aspect-ratio:16/9}

.blog-index-hero .blog-intro p,.blog-index-hero__copy>p{color:#223a6a}

.ecai-blog-index .blog-index-intro p{color:#223a6a}

/* Reproduce the leading/intro Joomla card spacing and source typography. */
.ecai-blog-index .blog-index-list{gap:20px}
.ecai-blog-index .blog-list-card{padding:10px 0;margin:0;transition:all .3s ease}
.ecai-blog-index .blog-list-card:not(:first-child){margin-bottom:20px}
.ecai-blog-index .blog-list-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.12)}
.ecai-blog-index .blog-list-content{display:flex;flex-direction:column;gap:16px;padding:30px;min-width:0;font:400 16px/24px system-ui,sans-serif}
.ecai-blog-index .blog-list-card h2,.ecai-blog-index .blog-list-meta,.ecai-blog-index .blog-list-summary{margin:0}
.ecai-blog-index .blog-list-meta{gap:8px}
.ecai-blog-index .blog-list-meta>span::before{margin:0 8px}
.ecai-blog-index .blog-list-readmore{font:400 16px/24px system-ui,sans-serif;margin-top:auto}
.ecai-blog-index .blog-list-more{font:600 16px/24px area-normal,sans-serif;display:inline-block;color:#00c52c}
@media(min-width:769px) and (max-width:991px){
 .ecai-blog-index .blog-list-card h2{font-size:24px;line-height:32px}
 .ecai-blog-index .blog-list-meta{font-size:17px}
 .ecai-blog-index .blog-list-summary{font-size:17px;line-height:19px}
}
@media(max-width:575px){.ecai-blog-index .ecai-container{width:calc(100% - 72px)}}

.ecai-blog-index .blog-list-card:not(:first-child){padding:10px}

/* Article heading, metadata and introduction measured against the live template. */
.ecai-blog-article .blog-article-body .FAQ-blog details{margin:0 0 20px;line-height:19px}
.ecai-blog-article .blog-article-body .FAQ-blog summary{line-height:19px}
.ecai-blog-article .blog-article-body .FAQ-blog details p{margin:15px 0}
.ecai-blog-article .blog-article-body .encadre-video>p{margin:0}
.ecai-blog-article .blog-article-body .encadre-video .video-wrapper{aspect-ratio:16/9}
.ecai-blog-article .blog-article-body .encadre-video .video-wrapper iframe{display:block;width:100%;height:100%;aspect-ratio:16/9}
.ecai-blog-article .blog-hero__grid:not(.blog-hero__grid--text){width:945px;grid-template-columns:minmax(0,463px) 409px;gap:73px}
.ecai-blog-article .blog-hero__media>img{display:none}
.ecai-blog-article .blog-hero__mask{display:block;width:409px;height:488px}
.ecai-blog-article .blog-article-body>:first-child{margin-top:0}
@media(max-width:991px){
 .ecai-blog-article .blog-hero__grid:not(.blog-hero__grid--text){width:608px;max-width:calc(100% - 72px);grid-template-columns:1fr;gap:50px}
 .ecai-blog-article .blog-hero__mask{display:none}
 .ecai-blog-article .blog-hero__media>img{display:block}
}
@media(max-width:575px){.ecai-blog-article .blog-hero__grid:not(.blog-hero__grid--text){width:calc(100% - 72px);max-width:none}}
.ecai-blog-article .blog-article-body>:where(ul,ol){padding:24px 28px 24px 44px;margin:15px 0 25px;line-height:19px}
.ecai-blog-article .blog-article-body li :where(ul,ol){margin:12px 0 0;padding:0 0 0 24px;background:transparent}
.ecai-blog-article .ecai-blog-table-scroll{border-radius:8px;box-shadow:0 4px 12px rgba(0,14,84,.1)}
.ecai-blog-article .blog-article-body table{font-size:15.2px!important;line-height:19px!important;color:#000e54!important;border-radius:0;box-shadow:none}
.ecai-blog-article .blog-article-body table :where(th,td){min-width:0;padding:16px 18px!important;background:transparent!important;color:#000e54!important;line-height:19px!important}
.ecai-blog-article .blog-article-body table td{line-height:1.5!important}
.ecai-blog-article .blog-article-body table thead{background:#000e54;color:#fff}
.ecai-blog-article .blog-article-body table thead :where(th,td){color:#fff!important;border-bottom:0!important}
.ecai-blog-article .blog-article-body table thead th{letter-spacing:.5px}
.ecai-blog-article .blog-article-body table tbody tr{transition:background-color .3s}
.ecai-blog-article .blog-article-body table tbody tr:nth-child(even){background:#cfdaff}
.ecai-blog-article .blog-article-body table tbody tr:hover{background:#bdf2d0}
.ecai-blog-article .blog-article-body table.table-striped tbody tr:nth-child(odd)>:where(th,td){color:#212529!important;box-shadow:inset 0 0 0 9999px rgba(0,0,0,.05)}
.ecai-blog-article .blog-article-body table tbody tr:last-child>:where(th,td){border-bottom:0!important}
.ecai-blog-article .ecai-blog-table-scroll>table{margin:0!important}
@media(max-width:768px){
 .ecai-blog-article .blog-article-body>:where(ul,ol){padding:20px 20px 20px 36px}
 .ecai-blog-article .blog-article-body table :where(th,td){padding:14px 16px!important}
}
@media(min-width:769px){.ecai-blog-article .ecai-blog-table-scroll>table{min-width:0}}
.ecai-blog-article .blog-hero{padding-top:91px;padding-bottom:90px}
.ecai-blog-article .blog-hero__grid--text{width:945px}
.ecai-blog-article .blog-hero__copy h1{max-width:none;margin-bottom:65px}
.ecai-blog-article .blog-meta{display:flex;flex-wrap:wrap;font:700 17px/19px area-normal,sans-serif;letter-spacing:-.51px;margin:0 0 15px}
.ecai-blog-article .blog-meta :is(time,span,a){font:inherit;color:#00c52c;letter-spacing:inherit}
.ecai-blog-article .blog-meta>span::before{content:'-';padding-right:3px;padding-left:7px}
.ecai-blog-article .blog-intro{display:flex;flex-direction:column;gap:15px}
.ecai-blog-article .blog-intro>p{margin:0}
.ecai-blog-article .blog-article-body h2{margin-bottom:10px}
@media(max-width:991px){
 .ecai-blog-article .blog-hero{padding-top:81px;padding-bottom:80px}
 .ecai-blog-article .blog-hero__grid--text{width:608px}
 .ecai-blog-article .blog-hero__copy h1{margin-bottom:35px;letter-spacing:-.84px}
}
@media(max-width:575px){
 .ecai-blog-article .blog-hero{padding-top:61px;padding-bottom:60px}
 .ecai-blog-article .blog-hero__grid--text{width:calc(100% - 72px)}
}
