.esd-widget {
  --esd-accent: #ef5a29;
  --esd-navy: #102d43;
  --esd-muted: #6d7880;
  --esd-intro: #3d4c56;
  --esd-title: #102d43;
  --esd-line: #d7dfe3;
  --esd-card: #fff;
  --esd-arrow: #39576b;
  --esd-number-bg: #102d43;
  --esd-number: #fff;
  max-width: 1180px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--esd-navy);
  direction: ltr;
  text-align: left;
}

.esd-widget *, .esd-widget *::before, .esd-widget *::after { box-sizing: border-box; }
.esd__head { display:flex; align-items:flex-start; justify-content:space-between; gap:30px; margin:0 0 22px; }
.esd__heading { display:flex; align-items:center; gap:12px; margin:0; font-size:26px; line-height:1.2; font-weight:800; letter-spacing:-.02em; }
.esd__heading-mark { width:28px; height:3px; flex:0 0 auto; border-radius:99px; background:var(--esd-accent); }
.esd__intro { max-width:430px; margin:0; color:var(--esd-intro); font-size:13px; line-height:1.45; }
.esd__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.esd__card { overflow:hidden; background:var(--esd-card); border:1px solid var(--esd-line); border-radius:8px; box-shadow:0 4px 14px rgba(16,45,67,.06); transition:transform .2s ease,box-shadow .2s ease; }
.esd__card:hover { transform:translateY(-3px); box-shadow:0 10px 24px rgba(16,45,67,.12); }
.esd__media { position:relative; aspect-ratio:2.72/1; overflow:hidden; background:#172b3b; }
.esd__media img { display:block; width:100%; height:100%; object-fit:cover; }
.esd__number { position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center; width:44px; height:38px; background:var(--esd-number-bg); color:var(--esd-number); font-size:16px; font-weight:700; border-radius:0 0 5px 0; }
.esd__body { position:relative; min-height:172px; padding:14px 48px 16px 16px; }
.esd__title { margin:0 0 8px; color:var(--esd-title); font-size:15px; line-height:1.25; font-weight:800; }
.esd__list { display:grid; gap:3px; margin:0; padding:0; color:var(--esd-muted); font-size:12px; line-height:1.32; list-style:none; }
.esd__list li { position:relative; padding-left:12px; }
.esd__list li::before { content:""; position:absolute; left:0; top:.48em; width:4px; height:4px; border-radius:50%; background:var(--esd-accent); }
.esd__arrow { position:absolute; right:12px; bottom:13px; display:grid; place-items:center; width:31px; height:31px; border:1px solid var(--esd-arrow); border-radius:50%; color:var(--esd-arrow); font-size:13px; line-height:1; text-decoration:none; }
.esd__arrow svg { width:13px; height:13px; fill:currentColor; }
.esd__arrow:focus-visible { outline:2px solid var(--esd-accent); outline-offset:3px; }
@media (max-width:900px) { .esd__head { gap:18px; } .esd__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:580px) { .esd__head { display:block; } .esd__intro { max-width:none; margin:10px 0 16px; } .esd__heading { font-size:21px; } .esd__grid { grid-template-columns:1fr; gap:12px; } .esd__media { aspect-ratio:3.2/1; } .esd__body { min-height:150px; } .esd__title { font-size:16px; } .esd__list { font-size:13px; gap:3px; } }
@media (prefers-reduced-motion: reduce) { .esd__card { transition:none; } .esd__card:hover { transform:none; } }