.ak-sdgs{display:grid;grid-template-columns:0.42fr 0.58fr;gap:2.5rem;align-items:center;padding:var(--pad,5%)}
.ak-sdgs-left{text-align:left}
.ak-sdgs .ak-sdgs-list{list-style:none;margin:0;padding:0}
.ak-sdgs .ak-sdgs-list > li{list-style:none}
.ak-sdgs-list-item{cursor:pointer;color:#8a8a8a;padding:.25rem 0;margin:.3rem 0;background:transparent;display:grid;grid-template-columns:min-content 1fr;gap:1rem;align-items:baseline}
.ak-sdgs-link{display:contents;color:inherit;text-decoration:none}
.ak-sdgs-num{font-weight:700;opacity:.85;white-space:nowrap}
.ak-sdgs-title{font-size:1.1rem;line-height:1.35}
.ak-sdgs-list-item.is-active{color:#000;font-weight:600}
/* Right side (match smaller look): */
.ak-sdgs-right{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}
.ak-sdgs-viewport{overflow:hidden;width:100%;display:grid;place-items:center;cursor:grab}
.ak-sdgs-viewport.is-dragging{cursor:grabbing}
.ak-sdgs-track{display:flex;transition:transform .35s ease;align-items:center}
.ak-sdgs-track.is-dragging{transition:none}
.ak-sdgs-slide{min-width:100%;display:grid;place-items:center;user-select:none}
.ak-sdgs-slide img{display:block;width:auto;max-width:72%;height:auto;border-radius:20px;pointer-events:none}
/* Arrows */
.ak-sdgs-nav{background:transparent;border:none;cursor:pointer;width:84px;height:84px;display:grid;place-items:center}
.ak-sdgs-nav .ak-arrow{display:inline-block;border:solid #000;border-width:0 5px 5px 0;padding:24px;transform:rotate(-45deg)}
.ak-sdgs-next .ak-arrow{transform:rotate(-45deg)}
.ak-sdgs-prev .ak-arrow{transform:rotate(135deg)}
.ak-sdgs-nav:hover .ak-arrow{filter:brightness(0) saturate(100%)}
@media(max-width:1100px){
  .ak-sdgs{grid-template-columns:1fr}
  .ak-sdgs-right{order:-1}
  .ak-sdgs-nav{width:64px;height:64px}
  .ak-sdgs-nav .ak-arrow{border-width:0 5px 5px 0;padding:20px}
  .ak-sdgs-title{font-size:1rem}
  .ak-sdgs-slide img{max-width:100%}
}