/* Articles du blogue EPOQ 2027 : lisibles, structurés et légers. */
.ep-article-page{font-size:16px;color:#234b55;overflow:hidden}
.ep-article-page .ep-container{max-width:1220px}
.ep-article-page h1,.ep-article-page h2,.ep-article-page h3{font-family:Poppins,Arial,sans-serif}
.ep-article-hero{background:linear-gradient(120deg,#073348 0%,#087983 100%);color:#fff;padding:62px 0 75px}
.ep-article-hero-inner{max-width:1130px!important}
.ep-article-back{display:inline-block;color:#adeee6;font-size:14px;font-weight:800;margin-bottom:38px}
.ep-article-hero .ep-kicker{display:block;color:#82eadd}
.ep-article-hero h1{color:#fff;letter-spacing:-.036em;line-height:1.13;font-size:clamp(35px,4.6vw,61px);max-width:1060px;margin:19px 0 24px}
.ep-article-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#e2f2f2;font-size:14px}
.ep-article-body{max-width:970px!important;padding:55px 0 70px}
.ep-article-featured{margin:0 auto 46px;max-width:970px}
.ep-article-featured img{display:block;width:100%;height:auto;max-height:530px;object-fit:cover;border-radius:24px}
.ep-article-featured figcaption{text-align:center;font-size:13px;color:#70858b;margin-top:12px}
.ep-article-content{font-size:17px;line-height:1.85;max-width:795px;margin:0 auto;color:#355a63;overflow-wrap:anywhere}
.ep-article-content p{font-size:17px;line-height:1.85;margin:0 0 23px}
.ep-article-content h2{color:#083e51;font-size:clamp(27px,2.8vw,36px);letter-spacing:-.025em;line-height:1.28;font-weight:800;margin:45px 0 19px}
.ep-article-content h3{color:#0b5060;font-size:clamp(21px,2.1vw,27px);line-height:1.3;font-weight:800;margin:33px 0 14px}
.ep-article-content h4{color:#0b5760;font-size:19px;font-weight:800;margin:27px 0 12px}
.ep-article-content h2:first-child,.ep-article-content h3:first-child{margin-top:0}
.ep-article-content ul,.ep-article-content ol{margin:14px 0 24px;padding-left:28px;list-style-position:outside}
.ep-article-content ul{list-style-type:disc!important}
.ep-article-content ol{list-style-type:decimal!important}
.ep-article-content ul>li,.ep-article-content ol>li{display:list-item!important;list-style:inherit!important;margin:7px 0;padding-left:6px}
.ep-article-content li::marker{color:#088f96;font-weight:800}
.ep-article-content a{color:#077983;text-decoration:underline;text-underline-offset:3px}
.ep-article-content a:hover{color:#054b5a}
.ep-article-content img{display:block;max-width:100%;height:auto;border-radius:15px}
.ep-article-content figure{max-width:100%;margin:27px auto}
.ep-article-content figcaption{font-size:13px;color:#73878c;text-align:center;margin-top:9px}
.ep-article-content blockquote{margin:30px 0;padding:18px 27px;border-left:4px solid #1ab4b5;background:#f0f9f8;border-radius:0 14px 14px 0}
.ep-article-content blockquote p{margin:0}
.ep-article-content hr{border:0;border-top:1px solid #d9e9e6;margin:35px 0}
.ep-article-content table{max-width:100%;display:block;overflow-x:auto}
.ep-article-content .wp-block-buttons{margin:25px 0}
.ep-article-content .wp-block-button__link{border-radius:100px;background:#097982;color:#fff;text-decoration:none;padding:13px 22px;font-weight:700}
.ep-article-separator{height:1px;background:#daebe8;max-width:795px;margin:53px auto 30px}
.ep-article-adjacent{max-width:795px;margin:auto;display:flex;gap:20px;justify-content:space-between}
.ep-article-adjacent>a{width:48%;padding:14px 0;display:flex;gap:9px;flex-direction:column;color:#0a5460}
.ep-article-adjacent>a:last-child{text-align:right;margin-left:auto}
.ep-article-adjacent small{font-size:12px;color:#56808a;font-weight:800}
.ep-article-adjacent strong{font-size:15px;line-height:1.45;font-weight:800}
.ep-article-related{padding:75px 0;background:#f0f9f7}
.ep-article-related h2{font-size:clamp(29px,3.5vw,44px);letter-spacing:-.035em;color:#0b4152;margin:12px 0 31px}
.ep-article-related .ep-title-accent{color:#078f97}
.ep-article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.ep-article-related-card{background:#fff;border:1px solid #d8e9e7;border-radius:19px;overflow:hidden;display:flex;flex-direction:column}
.ep-article-related-image{aspect-ratio:1.6/1;display:block;overflow:hidden;background:#e5f4f0}
.ep-article-related-image img{width:100%;height:100%;object-fit:cover;display:block}
.ep-article-related-image>span{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(125deg,#0a4d61,#16a1a2);color:#fff;font-size:31px;font-weight:800}
.ep-article-related-image small{font-size:11px}
.ep-article-related-card>div{padding:23px;display:flex;flex-direction:column;flex:1}
.ep-article-related-card time{color:#087f86;text-transform:uppercase;font-size:11px;letter-spacing:.07em;font-weight:800}
.ep-article-related-card h3{color:#0b4454;font-size:19px;line-height:1.36;margin:12px 0 20px;font-weight:800}
.ep-article-related-link{display:inline-block;font-size:14px;font-weight:800;color:#0b7e86;margin-top:auto}
.ep-article-bottom{background:linear-gradient(115deg,#07364b,#087984);padding:65px 0;color:#fff}
.ep-article-bottom>.ep-container{display:flex;align-items:center;justify-content:space-between;gap:25px}
.ep-article-bottom .ep-kicker{color:#9aeee5}
.ep-article-bottom h2{color:#fff;font-size:clamp(27px,3vw,38px);letter-spacing:-.025em;line-height:1.2;margin:14px 0 0}
.ep-article-bottom .ep-title-accent{color:#7ce6df}
.ep-article-bottom .ep-btn{padding:15px 22px;border-radius:99px;background:#fff;color:#085565;font-size:14px;font-weight:800;white-space:nowrap}
@media(max-width:970px){.ep-article-body{padding-left:25px!important;padding-right:25px!important}.ep-article-related-grid{gap:14px}}
@media(max-width:700px){.ep-article-hero{padding:43px 0 57px}.ep-article-back{margin-bottom:24px}.ep-article-body{padding-top:35px;padding-bottom:50px}.ep-article-featured{margin-bottom:34px}.ep-article-featured img{border-radius:16px}.ep-article-content,.ep-article-content p{font-size:16px}.ep-article-related{padding:55px 0}.ep-article-related-grid{grid-template-columns:1fr}.ep-article-bottom>.ep-container{flex-direction:column;align-items:flex-start}.ep-article-bottom{padding:52px 0}.ep-article-adjacent{flex-direction:column}.ep-article-adjacent>a{width:100%;text-align:left!important}}