/* eccom.ae — News & articles (static build). Brand: DM Sans, #293b91 / #5c6fc8, marker #0dccc3 */
.ecc-news{--ink:#293b91;--ink-2:#0d376d;--accent:#5c6fc8;--mark:#0dccc3;--muted:rgba(21,20,57,.45);--text:rgba(13,28,94,.78);--line:#e3e7f6;--soft:#f4f6ff;
  max-width:none!important;width:100%;margin:0!important;padding:0!important;font-family:"DM Sans",sans-serif;color:var(--text)}
.ecc-news *{box-sizing:border-box}
.ecc-news .en-wrap{max-width:1440px;margin:0 auto;padding:0 30px 90px}
.ecc-news a{text-decoration:none}

/* breadcrumbs — same look as other inner pages */
.en-crumbs ol{list-style:none;margin:0;padding:18px 10px 0;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.en-crumbs li{font-size:12px;line-height:26px;text-transform:uppercase;color:#adb3ce;max-width:60ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.en-crumbs a{color:#adb3ce;transition:color .2s}.en-crumbs a:hover{color:var(--ink)}
.en-crumbs .en-crumbs__sep{font-size:16px}

/* list head */
.en-head{padding:70px 0 44px;max-width:760px}
.en-kicker,.en-tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.en-kicker{margin:0 0 14px}
.en-h1{margin:0;font-family:"DM Sans",sans-serif;font-size:44px;line-height:1.12;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.en-sub{margin:18px 0 0;font-size:17px;line-height:1.6;color:var(--muted)}

/* cards */
.en-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s}
.en-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(41,59,145,.35);border-color:#cfd5f0}
.en-card__cover{display:block;aspect-ratio:12/5;overflow:hidden;background:var(--ink)}
.en-cover__svg{display:block;width:100%;height:100%;transition:transform .6s ease}
.en-card:hover .en-cover__svg{transform:scale(1.04)}
.en-card__body{padding:26px 28px 30px;display:flex;flex-direction:column;flex:1}
.en-meta{display:flex;gap:14px;align-items:center;margin:0 0 12px;font-size:13px;color:var(--muted)}
.en-meta span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#c3c9e6;margin-inline-end:14px;vertical-align:middle}
.en-card__title{margin:0 0 12px;font-family:"DM Sans",sans-serif;font-size:22px;line-height:1.3;font-weight:700}
.en-card__title a{color:var(--ink);transition:color .2s}.en-card__title a:hover{color:var(--accent)}
.en-card__lead{margin:0 0 22px;font-size:15.5px;line-height:1.65;color:var(--text)}
.en-link{margin-top:auto;display:inline-flex;gap:8px;align-items:center;font-size:15px;font-weight:600;color:var(--accent)}
.en-link span{transition:transform .2s}.en-link:hover span{transform:translateX(4px)}
[dir=rtl] .en-link:hover span{transform:translateX(-4px)}
.en-card--featured{flex-direction:row;margin-bottom:30px}
.en-card--featured .en-card__cover{flex:0 0 56%;aspect-ratio:auto;min-height:340px}
.en-card--featured .en-card__body{padding:44px 46px;justify-content:center}
.en-card--featured .en-card__title{font-size:30px}
.en-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}

/* CTA band */
.en-cta{margin-top:70px;background:var(--soft);border-radius:12px;padding:44px 48px;display:flex;gap:30px;align-items:center;justify-content:space-between}
.en-cta__t{margin:0 0 8px;font-family:"DM Sans",sans-serif;font-size:26px;line-height:1.25;font-weight:700;color:var(--ink)}
.en-cta__p{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}
.en-btn{flex:none;display:inline-block;font-size:16px;font-weight:500;line-height:26px;color:#5c6fc8;border:2px solid #5c6fc8;border-radius:5px;padding:15px 52px;transition:background .25s,color .25s}
.en-btn:hover{background:#5c6fc8;color:#fff}

/* article */
.en-post-head{padding:60px 0 34px;max-width:900px}
.en-h1--post{font-size:42px}
.en-sub--post{font-size:19px;color:var(--text);opacity:.85}
.en-hero{border-radius:14px;overflow:hidden;aspect-ratio:12/4;background:var(--ink)}
.en-hero .en-cover__svg{height:100%}
.en-layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:80px;justify-content:space-between;margin-top:56px}
.en-article{font-size:17.5px;line-height:1.75;color:var(--text)}
.en-article p{margin:0 0 22px}
.en-article h2{margin:46px 0 16px;font-family:"DM Sans",sans-serif;font-size:27px;line-height:1.3;font-weight:700;color:var(--ink)}
.en-article>p:first-child{font-size:19px;color:var(--ink-2)}
.en-feats{list-style:none;margin:8px 0 26px;padding:0;display:grid;gap:14px}
.en-feat{display:flex;gap:18px;padding:22px 24px;background:var(--soft);border-radius:10px}
.en-feat__mark{flex:none;width:20px;height:20px;margin-top:4px;border-radius:5px;background:var(--mark)}
.en-feat__t{margin:0 0 6px;font-family:"DM Sans",sans-serif;font-size:18px;line-height:1.3;font-weight:800;color:var(--ink-2)}
.en-feat p{margin:0;font-size:16px;line-height:1.65}
.en-back{margin-top:40px!important}
.en-aside{position:sticky;top:30px;align-self:start}
.en-aside__h{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.en-aside ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.en-aside li a{display:block;padding:18px 0;border-bottom:1px solid var(--line)}
.en-aside__t{display:block;font-size:16px;line-height:1.4;font-weight:600;color:var(--ink);transition:color .2s}
.en-aside li a:hover .en-aside__t{color:var(--accent)}
.en-aside__m{display:block;margin-top:6px;font-size:13px;color:var(--muted)}

/* tablet */
@media (max-width:1024px){
  .en-h1{font-size:38px}.en-h1--post{font-size:36px}
  .en-layout{grid-template-columns:1fr;gap:50px}
  .en-aside{position:static}
  .en-card--featured .en-card__cover{flex-basis:48%;min-height:300px}
  .en-card--featured .en-card__body{padding:34px}
}
/* mobile */
@media (max-width:767px){
  .ecc-news .en-wrap{padding:0 20px 60px}
  .en-head{padding:40px 0 28px}.en-post-head{padding:36px 0 24px}
  .en-h1{font-size:32px}.en-h1--post{font-size:28px}
  .en-sub{font-size:16px}.en-sub--post{font-size:17px}
  .en-card--featured{flex-direction:column}
  .en-card--featured .en-card__cover{flex-basis:auto;min-height:0;aspect-ratio:12/5}
  .en-card--featured .en-card__body,.en-card__body{padding:22px 22px 26px}
  .en-card--featured .en-card__title,.en-card__title{font-size:21px}
  .en-grid{grid-template-columns:1fr;gap:22px}
  .en-hero{aspect-ratio:12/6;border-radius:10px}
  .en-layout{margin-top:34px}
  .en-article{font-size:16.5px}.en-article>p:first-child{font-size:17.5px}
  .en-article h2{font-size:22px;margin-top:36px}
  .en-feat{padding:18px;gap:14px}
  .en-cta{flex-direction:column;align-items:flex-start;padding:30px 24px;margin-top:50px}
  .en-cta__t{font-size:22px}
  .en-btn{padding:13px 40px}
}