:root{
  --themar-green:#006b38;
  --themar-green-dark:#004f2a;
  --themar-ink:#0f172a;
  --themar-text:#344054;
  --themar-muted:#98a2b3;
  --themar-line:#dde3e7;
  --themar-soft:#f6f8f7;
  --themar-white:#fff;
}

.themar-reports{width:100%;font-family:inherit;color:var(--themar-ink)}
.themar-reports,.themar-reports *{box-sizing:border-box}
.themar-reports-empty{padding:32px;border:1px solid var(--themar-line);background:#fff;text-align:center;color:#667085}

/* =========================================================
   LAYOUT 1 — REPORT COVER CARDS
   Close to EFG sustainability archive: full-bleed image,
   title/actions on image, compact professional proportions.
   ========================================================= */
.themar-reports--cards{max-width:1320px;margin-inline:auto}
.themar-report-grid{
  display:grid;
  grid-template-columns:repeat(var(--themar-cols,3),minmax(0,1fr));
  gap:22px;
}
.themar-report-card{
  position:relative;
  min-width:0;
  height:clamp(360px,31vw,470px);
  overflow:hidden;
  background:#0b5030;
  border:0;
  border-radius:0;
  isolation:isolate;
  box-shadow:none;
}
.themar-report-cover,.themar-report-cover-placeholder{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  overflow:hidden;
}
.themar-report-cover:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(3,28,18,.28) 0%,rgba(3,28,18,.06) 30%,rgba(3,28,18,.18) 54%,rgba(3,28,18,.82) 100%);
  pointer-events:none;
  transition:background .35s ease;
}
.themar-report-cover img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.002);
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease;
}
.themar-report-card:hover .themar-report-cover img{transform:scale(1.045)}
.themar-report-card:hover .themar-report-cover:after{background:linear-gradient(180deg,rgba(3,28,18,.37),rgba(3,28,18,.10) 30%,rgba(3,28,18,.24) 54%,rgba(3,28,18,.90))}
.themar-report-cover-placeholder{
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;
  background:linear-gradient(145deg,#0c7041,#063f27);color:#fff
}
.themar-report-cover-placeholder span{font-size:52px;font-weight:800}
.themar-report-cover-placeholder svg{width:62px;height:62px;fill:rgba(255,255,255,.82)}

.themar-report-card-body{
  position:absolute!important;
  inset:0!important;
  z-index:3;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  padding:26px!important;
  background:transparent!important;
  color:#fff!important;
  pointer-events:none;
}
.themar-report-year{
  order:1;
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:750!important;
  opacity:.88;
}
.themar-report-title{
  order:2;
  width:min(100%,430px);
  margin:0 0 18px!important;
  color:#fff!important;
  font-size:clamp(22px,2vw,31px)!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-shadow:0 1px 18px rgba(0,0,0,.15);
}
.themar-report-actions{order:3;display:flex!important;flex-wrap:wrap!important;gap:10px!important;pointer-events:auto}
.themar-report-btn{
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:9px 16px!important;
  border-radius:3px!important;
  border:1px solid rgba(255,255,255,.78)!important;
  background:rgba(3,32,19,.18)!important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  color:#fff!important;
  font-size:14px!important;
  font-weight:750!important;
  text-decoration:none!important;
  line-height:1!important;
  box-shadow:none!important;
  transition:background .22s ease,border-color .22s ease,transform .22s ease!important;
}
.themar-report-btn:hover{background:#fff!important;border-color:#fff!important;color:var(--themar-green-dark)!important;transform:translateY(-1px)}
.themar-report-btn--primary{
  position:absolute!important;
  top:18px!important;
  left:18px!important;
  right:auto!important;
  bottom:auto!important;
  background:rgba(17,24,39,.30)!important;
}
.themar-report-btn--ghost{background:rgba(17,24,39,.15)!important}

/* =========================================================
   LAYOUT 2 — YEAR SIDEBAR + DISCLOSURE CARDS
   Desktop: content on the left, years on the RIGHT.
   The year list starts level with the first document row,
   not above the section heading.
   ========================================================= */
.themar-reports--year-tabs{max-width:1500px;margin-inline:auto;overflow:visible!important}
.themar-year-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 124px;
  grid-template-areas:"content years";
  gap:clamp(38px,5vw,82px);
  align-items:start;
  direction:ltr;
}
.themar-year-tabs-wrap{
  grid-area:years;
  position:sticky;
  top:120px;
  /* Align first year with the first row of documents below the heading. */
  margin:132px 0 0!important;
  padding:0!important;
  border:0!important;
  min-width:0;
  direction:rtl;
  overflow:visible!important;
  align-self:start;
}
.themar-year-tabs{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:6px!important;
  width:100%!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  scrollbar-width:none;
}
.themar-year-tabs::-webkit-scrollbar{display:none}
.themar-year-tab,
.themar-year-tab:hover,
.themar-year-tab:focus,
.themar-year-tab:focus-visible,
.themar-year-tab:active{
  all:unset!important;
  box-sizing:border-box!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  padding:0 18px 0 8px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#a0a3a8!important;
  font-family:inherit!important;
  font-size:20px!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-align:right!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transform:none!important;
  scale:1!important;
  outline:0!important;
  transition:color .18s ease!important;
}
.themar-year-tab:hover,
.themar-year-tab:focus-visible{
  color:var(--themar-green)!important;
  transform:none!important;
  scale:1!important;
  font-size:20px!important;
  font-weight:700!important;
}
.themar-year-tab.is-active,
.themar-year-tab.is-active:hover,
.themar-year-tab.is-active:focus-visible{
  color:var(--themar-green-dark)!important;
  transform:none!important;
  scale:1!important;
  font-size:20px!important;
  font-weight:700!important;
}
.themar-year-tab:after{
  content:""!important;
  position:absolute!important;
  top:7px!important;
  bottom:7px!important;
  right:0!important;
  left:auto!important;
  width:4px!important;
  height:auto!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
  transform:none!important;
  transition:background-color .18s ease!important;
}
.themar-year-tab.is-active:after{background:var(--themar-green)!important}

.themar-year-panels{grid-area:content;min-width:0;direction:rtl}
.themar-year-panel[hidden]{display:none!important}
.themar-year-panel.is-active{display:block;animation:themarFade .28s ease}
.themar-year-intro{text-align:center;margin:0 0 38px}
.themar-year-kicker{margin-bottom:8px;color:var(--themar-green-dark);font-size:18px;font-weight:750;line-height:1.4}
.themar-year-heading{margin:0!important;color:var(--themar-ink)!important;font-size:clamp(42px,4.2vw,64px)!important;line-height:1!important;font-weight:850!important;letter-spacing:-.02em}

.themar-document-list{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0!important;
  border:0!important;
  align-items:stretch;
}
.themar-document-row{
  position:relative;
  display:flex!important;
  flex-direction:column!important;
  min-width:0;
  min-height:300px;
  padding:30px 28px 26px!important;
  margin:0!important;
  border:1px solid var(--themar-line)!important;
  background:#fff!important;
  color:var(--themar-text)!important;
  overflow:hidden;
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease!important;
}
.themar-document-row + .themar-document-row{margin-inline-start:-1px!important}
.themar-document-row:hover{z-index:2;background:var(--themar-green-dark)!important;border-color:var(--themar-green-dark)!important;color:#fff!important;transform:translateY(-3px)}
.themar-document-meta{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin:0 0 26px!important;color:#667085!important;font-size:14px!important;line-height:1.4!important}
.themar-document-row:hover .themar-document-meta{color:rgba(255,255,255,.86)!important}
.themar-document-badge{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:4px 10px!important;border:0!important;border-radius:999px!important;background:#edf7f1!important;color:var(--themar-green)!important;font-size:12px!important;font-weight:800!important}
.themar-document-row:hover .themar-document-badge{background:rgba(255,255,255,.13)!important;color:#fff!important}
.themar-document-title{margin:0 0 30px!important;color:inherit!important;font-size:clamp(18px,1.45vw,25px)!important;line-height:1.65!important;font-weight:750!important;letter-spacing:0!important}
.themar-document-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:16px!important;margin-top:auto!important}
.themar-document-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:var(--themar-green)!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:color .2s ease,transform .2s ease!important;
}
.themar-document-link:hover{transform:translateY(-1px);text-decoration:none!important}
.themar-document-row:hover .themar-document-link{color:#fff!important}
.themar-document-link--secondary{color:var(--themar-text)!important}
.themar-document-row:hover .themar-document-link--secondary{color:#fff!important}
.themar-doc-arrow{font-size:18px;line-height:1}

@keyframes themarFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

@media(max-width:1200px){
  .themar-report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .themar-report-card{height:420px}
  .themar-year-layout{grid-template-columns:minmax(0,1fr) 112px;gap:38px}
  .themar-document-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1024px){
  .themar-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .themar-report-card{height:430px}
  .themar-year-layout{grid-template-columns:minmax(0,1fr) 100px;gap:28px}
  .themar-year-tab,.themar-year-tab:hover,.themar-year-tab:focus-visible,.themar-year-tab.is-active{font-size:18px!important;padding-right:14px!important}
  .themar-document-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .themar-document-row{min-height:260px}
}
@media(max-width:767px){
  .themar-report-grid{grid-template-columns:1fr!important;gap:16px}
  .themar-report-card{height:min(118vw,470px)}
  .themar-report-card-body{padding:22px!important}
  .themar-report-btn--primary{top:14px!important;left:14px!important}
  .themar-report-title{font-size:24px!important}

  .themar-year-layout{display:block;direction:rtl}
  .themar-year-tabs-wrap{position:relative;top:auto;margin:0 0 30px!important;padding:0!important;width:100%;overflow:hidden!important}
  .themar-year-tabs{
    flex-direction:row!important;
    gap:4px!important;
    overflow-x:auto!important;
    padding:0 0 8px!important;
    scroll-snap-type:x proximity;
  }
  .themar-year-tab,.themar-year-tab:hover,.themar-year-tab:focus-visible,.themar-year-tab.is-active{width:auto!important;min-width:74px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:10px 14px!important;justify-content:center!important;text-align:center!important;scroll-snap-align:start;font-size:17px!important}
  .themar-year-tab:after{top:auto!important;bottom:0!important;left:12px!important;right:12px!important;width:auto!important;height:3px!important}
  .themar-year-intro{margin-bottom:24px}
  .themar-year-kicker{font-size:16px}
  .themar-year-heading{font-size:42px!important}
  .themar-document-list{grid-template-columns:1fr!important;gap:12px!important}
  .themar-document-row{min-height:0;padding:24px 22px!important;margin:0!important;border:1px solid var(--themar-line)!important}
  .themar-document-title{font-size:20px!important;margin-bottom:24px!important}
}