.eleon-changelog-home,.eleon-changelog-archive,.eleon-patch-details{color:inherit}
.ech-hero{margin:0 0 18px;padding:26px;overflow:hidden;border:1px solid rgba(50,126,205,.72);border-radius:14px;background:radial-gradient(circle at 90% 10%,rgba(28,105,190,.18),transparent 34%),linear-gradient(135deg,rgba(19,40,67,.86),rgba(12,15,22,.96))}
.ech-kicker{margin-bottom:10px;color:#8ab6ff;font-size:11px;font-weight:800;letter-spacing:.08em}.ech-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.ech-hero h1{margin:0;font-size:34px}.ech-hero p{margin:7px 0 0;opacity:.67}.ech-views{opacity:.62;white-space:nowrap}
.ech-latest{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:22px;align-items:center;margin-top:22px;padding:18px;border:1px solid rgba(91,139,190,.26);border-radius:12px;background:rgba(0,0,0,.11)}
.ech-version{display:grid;justify-items:center;gap:6px;padding-right:18px;border-right:1px solid rgba(255,255,255,.08)}.ech-version strong{color:#49a6ff;font:500 42px/1 Georgia,serif}.ech-version small{opacity:.58}
.ech-latest-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border:1px solid rgba(80,150,255,.42);border-radius:5px;background:rgba(35,120,235,.18);color:#8bc1ff;font:800 9px/1 sans-serif;letter-spacing:.06em}
.ech-highlights h2{margin:0 0 8px;font-size:18px}.ech-highlights p{margin:0 0 8px}.ech-highlights ul,.epd-section ul{margin:0;padding-left:20px}.ech-highlights li,.epd-section li{margin:6px 0}
.ech-primary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid rgba(65,126,190,.6);border-radius:8px;background:rgba(42,108,205,.18);color:inherit;text-decoration:none;white-space:nowrap}
.ech-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.ech-home-card{padding:15px;border:1px solid var(--helios-border,#303640);border-radius:12px;background:var(--helios-card,#17191e)}
.ech-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.ech-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid rgba(255,255,255,.055);color:inherit;text-decoration:none}.ech-row b{margin-right:6px;color:#6da9ff}.ech-row small{opacity:.5;white-space:nowrap}
.ech-mini-timeline{position:relative}.ech-mini-timeline:before{content:"";position:absolute;top:8px;bottom:8px;left:7px;width:1px;background:rgba(130,150,180,.25)}.ech-mini-timeline a{position:relative;display:grid;grid-template-columns:18px 1fr auto;gap:8px;min-height:47px;color:inherit;text-decoration:none}.ech-mini-timeline a>span:nth-child(2){display:grid}.ech-mini-timeline small{opacity:.5}.ech-mini-timeline em{align-self:start;padding:3px 6px;border-radius:4px;background:rgba(40,120,220,.15);color:#78b5ff;font:800 8px/1 sans-serif;font-style:normal}.ech-dot{position:relative;z-index:1;width:9px;height:9px;margin-top:4px;margin-left:3px;border-radius:50%;background:#596273;box-shadow:0 0 0 4px var(--helios-card,#17191e)}.ech-mini-timeline .is-latest .ech-dot{background:#4c91ff}
.eca-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.eca-head h1{margin:0}.eca-head p{margin:6px 0 0;opacity:.62}.eca-search{width:min(380px,100%);min-height:42px;border:1px solid var(--helios-border,#303640);border-radius:9px;padding:9px 12px;background:var(--helios-card,#17191e);color:inherit}
.eca-list{display:grid;gap:12px}.eca-item{display:grid;grid-template-columns:170px minmax(0,1fr) 180px;gap:18px;padding:17px;border:1px solid var(--helios-border,#303640);border-radius:12px;background:var(--helios-card,#17191e)}.eca-version{display:grid;align-content:center;justify-items:center;gap:5px;border-right:1px solid rgba(255,255,255,.07)}.eca-version strong{color:#4ca5ff;font:500 34px/1 Georgia,serif}.eca-version small{opacity:.55}.eca-content h2{margin:0 0 7px;font-size:18px}.eca-content p{margin:0 0 8px;opacity:.68}.eca-content ul{margin:0;padding-left:18px}.eca-actions{display:grid;align-content:center;gap:10px}.eca-actions small{text-align:right;opacity:.55}
.epd-breadcrumb{margin-bottom:18px;font-size:12px;opacity:.62}.epd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.07)}.epd-head h1{margin:3px 0 5px}.epd-version{color:#6da9ff;font-size:13px;font-weight:800}.epd-meta{opacity:.56;font-size:12px}.epd-summary{margin:18px 0;padding:14px;border-left:3px solid #4c91ff;border-radius:7px;background:rgba(61,120,200,.08)}.epd-section{margin:18px 0;padding:16px;border:1px solid var(--helios-border,#303640);border-radius:11px;background:var(--helios-card,#17191e)}.epd-section h2{margin:0 0 10px;font-size:17px}.epd-actions{margin-top:20px}
@media(max-width:900px){.ech-latest,.eca-item{grid-template-columns:1fr}.ech-version,.eca-version{padding:0 0 14px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.eca-actions small{text-align:left}}
@media(max-width:700px){.ech-hero{padding:18px}.ech-hero-top,.eca-head{align-items:stretch;flex-direction:column}.ech-hero h1{font-size:27px}.ech-home-grid{grid-template-columns:1fr}.eca-search{width:100%}.ech-primary{width:100%}}


/* =========================================================
   2.1.0 LINK BEHAVIOR
   Only actual titles are links.
   No underline on normal/hover/focus/visited.
   ========================================================= */

.eleon-changelog-home a,
.eleon-changelog-archive a,
.eleon-patch-details a{
  text-decoration:none!important;
}

.eleon-changelog-home a:hover,
.eleon-changelog-home a:focus,
.eleon-changelog-home a:active,
.eleon-changelog-archive a:hover,
.eleon-changelog-archive a:focus,
.eleon-changelog-archive a:active,
.eleon-patch-details a:hover,
.eleon-patch-details a:focus,
.eleon-patch-details a:active{
  text-decoration:none!important;
}

.ech-title-link{
  color:inherit!important;
  text-decoration:none!important;
  transition:color .14s ease;
}

.ech-title-link:hover,
.ech-title-link:focus{
  color:var(--helios-accent,#78a6ff)!important;
  text-decoration:none!important;
}

/* Recently Updated is a row, but not one giant link anymore. */
.ech-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:9px 0;
  border-top:1px solid rgba(255,255,255,.055);
  color:inherit;
}

.ech-row b{
  margin-right:6px;
  color:#6da9ff;
}

.ech-row small{
  opacity:.5;
  white-space:nowrap;
  pointer-events:none;
}

/* Timeline rows are no longer whole anchors. */
.ech-mini-timeline .ech-timeline-row{
  position:relative;
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  gap:8px;
  min-height:47px;
  color:inherit;
}

.ech-mini-timeline .ech-timeline-row>span:nth-child(2){
  display:grid;
}

.ech-mini-timeline .ech-timeline-row small,
.ech-mini-timeline .ech-timeline-row em{
  pointer-events:none;
}

.ech-views{
  pointer-events:none;
}


/* =========================================================
   HELIOS UI POLISH 2.2
   Dark + Light theme compatible.
   Only titles are clickable. No underline anywhere.
   ========================================================= */

:root{
  --eleon-card-bg: var(--helios-card, #17191e);
  --eleon-card-border: var(--helios-border, #303640);
  --eleon-text: rgba(238,241,246,.94);
  --eleon-muted: rgba(225,229,236,.48);
  --eleon-soft: rgba(225,229,236,.08);
  --eleon-accent: var(--helios-accent, #78a6ff);
  --eleon-hover-bg: rgba(120,166,255,.035);
}

html[data-theme="light"],
html.light,
body.light,
[data-theme="light"]{
  --eleon-card-bg: #ffffff;
  --eleon-card-border: #d9dee7;
  --eleon-text: #20242c;
  --eleon-muted: #7a8493;
  --eleon-soft: rgba(35,45,60,.08);
  --eleon-accent: #3f76d8;
  --eleon-hover-bg: rgba(63,118,216,.055);
}

/* Generic links */
.eleon-changelog-home a,
.eleon-changelog-archive a,
[data-eleon-most-viewed] a{
  text-decoration:none!important;
}

.eleon-changelog-home a:hover,
.eleon-changelog-home a:focus,
.eleon-changelog-archive a:hover,
.eleon-changelog-archive a:focus,
[data-eleon-most-viewed] a:hover,
[data-eleon-most-viewed] a:focus{
  text-decoration:none!important;
}

/* Card surfaces */
.ech-home-card,
[data-eleon-most-viewed]{
  border-color:var(--eleon-card-border)!important;
  background:var(--eleon-card-bg)!important;
  color:var(--eleon-text)!important;
  box-shadow:none!important;
}

/* ---------------- Recently Updated ---------------- */

.ech-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  min-height:44px!important;
  padding:9px 0!important;
  border-top:1px solid var(--eleon-soft)!important;
  color:var(--eleon-text)!important;
}

.ech-row:first-child{
  border-top:0!important;
}

.ech-row-main{
  display:flex;
  align-items:baseline;
  gap:9px;
  min-width:0;
}

.ech-version-text{
  flex:0 0 auto;
  color:var(--eleon-accent);
  font-size:13px;
  font-weight:800;
}

.ech-title-link{
  min-width:0;
  color:var(--eleon-text)!important;
  text-decoration:none!important;
  transition:color .14s ease;
}

.ech-title-link:hover,
.ech-title-link:focus{
  color:var(--eleon-accent)!important;
  text-decoration:none!important;
}

.ech-row-date{
  color:var(--eleon-muted);
  font-size:11px;
  white-space:nowrap;
  pointer-events:none;
}

/* ---------------- Version Timeline ---------------- */

.ech-mini-timeline{
  position:relative;
}

.ech-mini-timeline .ech-timeline-row{
  position:relative;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:8px!important;
  min-height:50px!important;
  padding:2px 0 5px!important;
  color:var(--eleon-text)!important;
}

.ech-mini-timeline .ech-timeline-row:before{
  content:"";
  position:absolute;
  left:5px;
  top:17px;
  bottom:-8px;
  width:1px;
  background:var(--eleon-soft);
}

.ech-mini-timeline .ech-timeline-row:last-child:before{
  display:none;
}

.ech-mini-timeline .ech-dot{
  position:relative;
  z-index:2;
  width:9px!important;
  height:9px!important;
  margin-top:5px!important;
  border-radius:50%!important;
  background:#687386!important;
  box-shadow:none!important;
}

.ech-mini-timeline .ech-timeline-row.is-latest .ech-dot{
  background:var(--eleon-accent)!important;
}

.ech-timeline-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  width:auto!important;
}

.ech-version-link{
  display:inline-block!important;
  width:auto!important;
  max-width:100%!important;
  color:var(--eleon-text)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  letter-spacing:0!important;
}

.ech-version-link:hover{
  color:var(--eleon-accent)!important;
}

.ech-timeline-date{
  display:block!important;
  margin-top:4px!important;
  color:var(--eleon-muted)!important;
  font-size:10px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

.ech-latest-badge{
  justify-self:end;
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:0 7px;
  border:1px solid color-mix(in srgb, var(--eleon-accent) 28%, transparent);
  border-radius:999px;
  background:color-mix(in srgb, var(--eleon-accent) 11%, transparent);
  color:var(--eleon-accent);
  font-size:7px;
  font-weight:800;
  letter-spacing:.05em;
  line-height:1;
  pointer-events:none;
}

/* Kill old timeline anchor/grid rules that caused v1.8.7 to wrap vertically. */
.ech-mini-timeline > a,
.ech-mini-timeline a.is-latest{
  display:initial!important;
  grid-template-columns:none!important;
}

.ech-mini-timeline .ech-timeline-row > span:nth-child(2){
  display:initial!important;
}

/* ---------------- Most Viewed ---------------- */

[data-eleon-most-viewed]{
  padding:15px 16px!important;
}

.emv-head{
  min-height:30px!important;
  margin-bottom:3px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid var(--eleon-soft)!important;
}

.emv-head strong{
  color:var(--eleon-text)!important;
  font-size:14px!important;
  font-weight:800!important;
}

.emv-list{
  display:grid!important;
}

.emv-row{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:48px!important;
  padding:8px 0!important;
  border-top:1px solid var(--eleon-soft)!important;
  background:transparent!important;
}

.emv-row:first-child{
  border-top:0!important;
}

.emv-row:hover{
  background:transparent!important;
}

.emv-rank{
  color:var(--eleon-accent)!important;
  font-size:12px!important;
  font-weight:800!important;
  pointer-events:none!important;
}

.emv-title-link{
  min-width:0!important;
  overflow:hidden!important;
  color:var(--eleon-text)!important;
  text-decoration:none!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  font-weight:600!important;
  transition:color .14s ease!important;
}

.emv-title-link:hover,
.emv-title-link:focus{
  color:var(--eleon-accent)!important;
  text-decoration:none!important;
}

.emv-views{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:var(--eleon-muted)!important;
  font-size:10px!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

.emv-eye{
  font-size:9px;
  opacity:.8;
}

/* Remove obsolete old markup if cached template still exists */
.emv-list > a{
  display:none!important;
}

/* ---------------- Light-theme fallbacks ---------------- */

html[data-theme="light"] .ech-home-card,
html[data-theme="light"] [data-eleon-most-viewed],
html.light .ech-home-card,
html.light [data-eleon-most-viewed],
body.light .ech-home-card,
body.light [data-eleon-most-viewed]{
  background:#fff!important;
  border-color:#d9dee7!important;
  color:#20242c!important;
}

html[data-theme="light"] .ech-title-link,
html[data-theme="light"] .emv-title-link,
html[data-theme="light"] .ech-version-link,
html.light .ech-title-link,
html.light .emv-title-link,
html.light .ech-version-link,
body.light .ech-title-link,
body.light .emv-title-link,
body.light .ech-version-link{
  color:#20242c!important;
}

html[data-theme="light"] .ech-title-link:hover,
html[data-theme="light"] .emv-title-link:hover,
html[data-theme="light"] .ech-version-link:hover,
html.light .ech-title-link:hover,
html.light .emv-title-link:hover,
html.light .ech-version-link:hover,
body.light .ech-title-link:hover,
body.light .emv-title-link:hover,
body.light .ech-version-link:hover{
  color:#3f76d8!important;
}

@media(max-width:720px){
  .ech-row{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }

  .ech-row-date{
    padding-left:0;
  }

  .emv-row{
    grid-template-columns:22px minmax(0,1fr) auto!important;
  }
}



/* === Changelog 2.3: true Helios dark/light + detailed patch cards === */
:root{
  --ech-bg:#17191e;
  --ech-card:#17191e;
  --ech-card-2:#1b1f27;
  --ech-border:#303640;
  --ech-border-soft:rgba(220,228,240,.08);
  --ech-text:#f0f2f6;
  --ech-muted:#8e96a4;
  --ech-accent:#76a7ff;
  --ech-accent-soft:rgba(82,139,237,.10);
  --ech-green:#86b99a;
  --ech-green-soft:rgba(77,143,99,.09);
  --ech-blue:#91b6ed;
  --ech-blue-soft:rgba(79,126,190,.09);
  --ech-amber:#c3aa78;
  --ech-amber-soft:rgba(171,135,72,.09);
  --ech-purple:#ac9bc9;
  --ech-purple-soft:rgba(126,101,164,.09);
  --ech-red:#c58c94;
  --ech-red-soft:rgba(157,76,88,.09);
}

html.eleon-ui-light{
  --ech-bg:#fff;
  --ech-card:#fff;
  --ech-card-2:#f7f9fc;
  --ech-border:#d7dee8;
  --ech-border-soft:rgba(34,47,67,.09);
  --ech-text:#171b22;
  --ech-muted:#747e8c;
  --ech-accent:#4d79d8;
  --ech-accent-soft:rgba(77,121,216,.08);
  --ech-green:#4f8764;
  --ech-green-soft:rgba(64,133,87,.07);
  --ech-blue:#507cad;
  --ech-blue-soft:rgba(70,121,176,.07);
  --ech-amber:#8b6d38;
  --ech-amber-soft:rgba(157,119,52,.07);
  --ech-purple:#735d96;
  --ech-purple-soft:rgba(109,82,150,.07);
  --ech-red:#9b5a63;
  --ech-red-soft:rgba(157,74,86,.07);
}

html.eleon-ui-light .ech-hero{
  border-color:#cbd8e9!important;
  background:
    radial-gradient(circle at 90% 8%,rgba(92,137,199,.10),transparent 36%),
    linear-gradient(135deg,#f8fbff,#eef4fb)!important;
  color:var(--ech-text)!important;
}
html.eleon-ui-light .ech-latest{
  border-color:#d7e0eb!important;
  background:rgba(255,255,255,.72)!important;
}
html.eleon-ui-light .ech-version{border-right-color:#dfe5ed!important}
html.eleon-ui-light .ech-version strong{color:#347ac9!important}

.ech-home-card,.eca-item,.eca-search{
  background:var(--ech-card)!important;
  border-color:var(--ech-border)!important;
  color:var(--ech-text)!important;
}
.ech-row{border-color:var(--ech-border-soft)!important}
.ech-row-date,.ech-timeline-date,.eca-version small,.eca-content p,.eca-actions small{
  color:var(--ech-muted)!important;
  opacity:1!important;
}

.eleon-patch-details{color:var(--ech-text)!important}
.epd-breadcrumb{
  display:flex!important;align-items:center;gap:7px;
  margin-bottom:20px!important;color:var(--ech-muted)!important;
  opacity:1!important;font-size:11px!important
}
.epd-breadcrumb a{color:var(--ech-accent)!important}
.epd-head{
  align-items:center!important;padding:2px 0 20px!important;
  border-bottom:1px solid var(--ech-border-soft)!important
}
.epd-head h1{
  margin:5px 0 7px!important;color:var(--ech-text)!important;
  font-size:clamp(27px,3vw,38px)!important;line-height:1.1!important
}
.epd-version{color:var(--ech-accent)!important;font-size:13px!important;font-weight:800!important}
.epd-meta{display:flex;align-items:center;gap:8px;color:var(--ech-muted)!important;opacity:1!important;font-size:11px!important}
.epd-meta i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.65}

.epd-summary{
  display:grid!important;grid-template-columns:28px minmax(0,1fr);
  align-items:center;gap:10px;margin:18px 0!important;padding:13px 15px!important;
  border:1px solid color-mix(in srgb,var(--ech-accent) 22%,var(--ech-border))!important;
  border-left:3px solid var(--ech-accent)!important;border-radius:9px!important;
  background:var(--ech-accent-soft)!important;color:var(--ech-text)!important
}
.epd-summary p{margin:0!important;color:inherit!important;font-size: 15px;}
.epd-summary-mark{
  display:grid;place-items:center;width:24px;height:24px;
  border:1px solid color-mix(in srgb,var(--ech-accent) 28%,transparent);
  border-radius:7px;color:var(--ech-accent);font:800 12px/1 sans-serif
}

.epd-block{
  margin:15px 0!important;padding:18px!important;border:1px solid var(--ech-border)!important;
  border-radius:12px!important;background:var(--ech-card)!important;color:var(--ech-text)!important
}
.epd-block-head{
  display:flex;align-items:center;gap:11px;margin-bottom:15px;padding-bottom:13px;
  border-bottom:1px solid var(--ech-border-soft)
}
.epd-block-icon{
  display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;
  border:1px solid color-mix(in srgb,var(--ech-accent) 24%,var(--ech-border));
  border-radius:9px;background:var(--ech-accent-soft);color:var(--ech-accent);font-size:14px
}
.epd-block-head h2{margin:0!important;color:var(--ech-text)!important;font-size:16px!important}
.epd-block-head p{margin:3px 0 0;color:var(--ech-muted);font-size:10px}

.epd-highlight-list,.epd-change-list{display:grid;gap:7px}
.epd-highlight-item{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:start;
  gap:7px;
  min-height:38px;
  padding:9px 10px;
  border:1px solid var(--ech-border-soft);
  border-radius:8px;
  background:var(--ech-card-2);
  color:var(--ech-text);
  font-size: 13px;
  line-height:1.45
}
.epd-highlight-dot{color:var(--ech-accent);font-size:10px;line-height:1.7}

.epd-change-item{
  display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;
  min-height:46px;padding:8px 10px;border:1px solid var(--ech-border-soft);
  border-radius:9px;background:var(--ech-card-2)
}
.epd-change-symbol{
  display:grid;place-items:center;width:26px;height:26px;border-radius:7px;
  font-size:12px;font-weight:800
}
.epd-change-text{min-width:0;color:var(--ech-text);font-size:12px;line-height:1.42}
.epd-change-badge{
  display:inline-flex;align-items:center;min-height:20px;padding:0 7px;
  border:1px solid currentColor;border-radius:999px;opacity:.82;
  font-size:7px;font-weight:800;letter-spacing:.055em
}
.epd-change-item.is-added .epd-change-symbol,.epd-change-item.is-added .epd-change-badge{color:var(--ech-green);background:var(--ech-green-soft)}
.epd-change-item.is-updated .epd-change-symbol,.epd-change-item.is-updated .epd-change-badge{color:var(--ech-blue);background:var(--ech-blue-soft)}
.epd-change-item.is-changed .epd-change-symbol,.epd-change-item.is-changed .epd-change-badge{color:var(--ech-purple);background:var(--ech-purple-soft)}
.epd-change-item.is-improved .epd-change-symbol,.epd-change-item.is-improved .epd-change-badge{color:var(--ech-amber);background:var(--ech-amber-soft)}
.epd-change-item.is-fixed .epd-change-symbol,.epd-change-item.is-fixed .epd-change-badge{color:var(--ech-green);background:var(--ech-green-soft)}
.epd-change-item.is-removed .epd-change-symbol,.epd-change-item.is-removed .epd-change-badge{color:var(--ech-red);background:var(--ech-red-soft)}

.epd-actions{margin-top:20px!important;padding-top:5px}
.epd-actions a{color:var(--ech-accent)!important;font-size:12px;text-decoration:none!important}

@media(max-width:650px){
  .epd-change-item{grid-template-columns:28px minmax(0,1fr)}
  .epd-change-badge{grid-column:2;justify-self:start}
}


/* =========================================================
   CHANGELOG 2.3.1 — SEMANTIC BACKGROUNDS
   Distinct but muted surfaces for Highlights and change types.
   Works in both Helios dark and light modes.
   ========================================================= */

/* Extra semantic surface variables */
:root{
  --ech-highlight-surface:
    linear-gradient(
      180deg,
      rgba(78,120,190,.075),
      rgba(78,120,190,.028)
    );

  --ech-added-surface:
    linear-gradient(
      90deg,
      rgba(69,129,88,.105),
      rgba(69,129,88,.028)
    );

  --ech-updated-surface:
    linear-gradient(
      90deg,
      rgba(72,119,182,.105),
      rgba(72,119,182,.028)
    );

  --ech-changed-surface:
    linear-gradient(
      90deg,
      rgba(118,92,157,.105),
      rgba(118,92,157,.028)
    );

  --ech-improved-surface:
    linear-gradient(
      90deg,
      rgba(163,124,57,.105),
      rgba(163,124,57,.028)
    );

  --ech-fixed-surface:
    linear-gradient(
      90deg,
      rgba(58,124,83,.105),
      rgba(58,124,83,.028)
    );

  --ech-removed-surface:
    linear-gradient(
      90deg,
      rgba(148,70,81,.105),
      rgba(148,70,81,.028)
    );
}

html.eleon-ui-light{
  --ech-highlight-surface:
    linear-gradient(
      180deg,
      rgba(70,116,190,.065),
      rgba(70,116,190,.018)
    );

  --ech-added-surface:
    linear-gradient(
      90deg,
      rgba(58,128,81,.075),
      rgba(58,128,81,.018)
    );

  --ech-updated-surface:
    linear-gradient(
      90deg,
      rgba(62,111,176,.075),
      rgba(62,111,176,.018)
    );

  --ech-changed-surface:
    linear-gradient(
      90deg,
      rgba(108,82,151,.075),
      rgba(108,82,151,.018)
    );

  --ech-improved-surface:
    linear-gradient(
      90deg,
      rgba(152,111,42,.075),
      rgba(152,111,42,.018)
    );

  --ech-fixed-surface:
    linear-gradient(
      90deg,
      rgba(53,119,76,.075),
      rgba(53,119,76,.018)
    );

  --ech-removed-surface:
    linear-gradient(
      90deg,
      rgba(145,67,78,.075),
      rgba(145,67,78,.018)
    );
}

/* ---------------------------------------------------------
   HIGHLIGHTS
   --------------------------------------------------------- */

.epd-highlights{
  position:relative;
  overflow:hidden;
  background:
    var(--ech-highlight-surface),
    var(--ech-card)!important;
  border-color:
    color-mix(
      in srgb,
      var(--ech-accent) 22%,
      var(--ech-border)
    )!important;
}

.epd-highlights:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:
    color-mix(
      in srgb,
      var(--ech-accent) 62%,
      transparent
    );
  opacity:.72;
}

.epd-highlights .epd-block-head{
  position:relative;
  z-index:1;
}

.epd-highlights .epd-block-icon{
  background:
    color-mix(
      in srgb,
      var(--ech-accent) 11%,
      transparent
    )!important;
}

.epd-highlight-item{
  position:relative;
  background:
    color-mix(
      in srgb,
      var(--ech-accent) 3%,
      var(--ech-card-2)
    )!important;
  border-color:
    color-mix(
      in srgb,
      var(--ech-accent) 13%,
      var(--ech-border-soft)
    )!important;
}

.epd-highlight-item:hover{
  background:
    color-mix(
      in srgb,
      var(--ech-accent) 5.5%,
      var(--ech-card-2)
    )!important;
}

/* ---------------------------------------------------------
   CHANGES — whole rows get their own semantic surface
   --------------------------------------------------------- */

.epd-change-item{
  position:relative;
  overflow:hidden;
  transition:
    border-color .14s ease,
    filter .14s ease;
}

.epd-change-item:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  opacity:.72;
}

.epd-change-item:hover{
  filter:brightness(1.025);
}

/* Added */
.epd-change-item.is-added{
  background:
    var(--ech-added-surface),
    var(--ech-card-2)!important;
  border-color:
    color-mix(
      in srgb,
      var(--ech-green) 24%,
      var(--ech-border-soft)
    )!important;
}

.epd-change-item.is-added:before{
  background:var(--ech-green);
}

/* Updated */
.epd-change-item.is-updated{
  background:
    var(--ech-updated-surface),
    var(--ech-card-2)!important;
  border-color:
    color-mix(
      in srgb,
      var(--ech-blue) 24%,
      var(--ech-border-soft)
    )!important;
}

.epd-change-item.is-updated:before{
  background:var(--ech-blue);
}

/* Changed */
.epd-change-item.is-changed{
  background:
    var(--ech-changed-surface),
    var(--ech-card-2)!important;
  border-color:
    color-mix(
      in srgb,
      var(--ech-purple) 24%,
      var(--ech-border-soft)
    )!important;
}

.epd-change-item.is-changed:before{
  background:var(--ech-purple);
}

/* Improved */
.epd-change-item.is-improved{
  background:
    var(--ech-improved-surface),
    var(--ech-card-2)!important;
  border-color:
    color-mix(
      in srgb,
      var(--ech-amber) 24%,
      var(--ech-border-soft)
    )!important;
}

.epd-change-item.is-improved:before{
  background:var(--ech-amber);
}

/* Fixed */
.epd-change-item.is-fixed{
  background:
    var(--ech-fixed-surface),
    var(--ech-card-2)!important;
  border-color:
    color-mix(
      in srgb,
      var(--ech-green) 24%,
      var(--ech-border-soft)
    )!important;
}

.epd-change-item.is-fixed:before{
  background:var(--ech-green);
}

/* Removed */
.epd-change-item.is-removed{
  background:
    var(--ech-removed-surface),
    var(--ech-card-2)!important;
  border-color:
    color-mix(
      in srgb,
      var(--ech-red) 24%,
      var(--ech-border-soft)
    )!important;
}

.epd-change-item.is-removed:before{
  background:var(--ech-red);
}

/* Keep icon and badge visually connected to row type */
.epd-change-item .epd-change-symbol{
  border:
    1px solid
    color-mix(
      in srgb,
      currentColor 22%,
      transparent
    );
}

.epd-change-item .epd-change-badge{
  background:
    color-mix(
      in srgb,
      currentColor 7%,
      transparent
    )!important;
}

/* More breathing room */
.epd-change-item{
  min-height:49px!important;
  padding:9px 11px!important;
}

.epd-highlight-item{
  min-height:41px!important;
  padding:10px 11px!important;
}

/* Light theme: keep all surfaces clean and readable */
html.eleon-ui-light .epd-highlights,
html.eleon-ui-light .epd-change-item{
  box-shadow:
    0 1px 1px
    rgba(25,36,52,.018);
}

html.eleon-ui-light .epd-highlight-item{
  box-shadow:none;
}


/* =========================================================
   CHANGELOG 2.4 — HELIOS HERO SEMANTIC SURFACES
   Inspired by the layered ELEON hero: deep panel, soft gradient,
   subtle corner glow, category-specific accent.
   ========================================================= */

/* Remove old top breadcrumb/version spacing completely. */
.epd-breadcrumb,
.epd-version{
  display:none!important;
}

.epd-head{
  padding-top:0!important;
  margin-top:0!important;
}

/* Hero semantic palettes */
:root{
  --ech-hi-rgb:132,96,214;
  --ech-added-rgb: 12, 130, 128;
  --ech-updated-rgb:67,111,176;
  --ech-changed-rgb:107,82,151;
  --ech-improved-rgb:151,111,46;
  --ech-fixed-rgb: 104, 201, 91;
  --ech-removed-rgb:145,67,78;
  --ech-hero-base:#181b21;
  --ech-hero-deep:#15171c;
}

html.eleon-ui-light{
  --ech-hero-base:#ffffff;
  --ech-hero-deep:#f7f9fc;
}

/* ---------------- Highlights: one large hero panel ---------------- */

.epd-highlights{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:
    1px solid
    rgba(var(--ech-hi-rgb),.30)!important;
  background:
    radial-gradient(
      circle at 88% 18%,
      rgba(var(--ech-hi-rgb),.16),
      transparent 30%
    ),
    radial-gradient(
      circle at 4% 100%,
      rgba(var(--ech-hi-rgb),.09),
      transparent 32%
    ),
    linear-gradient(
      112deg,
      color-mix(in srgb,var(--ech-hero-base) 92%,rgb(var(--ech-hi-rgb)) 8%),
      var(--ech-hero-deep) 72%
    )!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02)!important;
}

.epd-highlights:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-90px;
  bottom:-110px;
  width:260px;
  height:260px;
  border:
    1px solid
    rgba(var(--ech-hi-rgb),.10);
  border-radius:50%;
}

.epd-highlights:before{
  width:3px!important;
  background:
    linear-gradient(
      180deg,
      rgba(var(--ech-hi-rgb),.80),
      rgba(var(--ech-hi-rgb),.20)
    )!important;
}

.epd-highlights .epd-block-head{
  border-bottom-color:
    rgba(var(--ech-hi-rgb),.14)!important;
}

.epd-highlights .epd-block-icon{
  border-color:
    rgba(var(--ech-hi-rgb),.28)!important;
  background:
    rgba(var(--ech-hi-rgb),.10)!important;
  color:
    rgb(var(--ech-hi-rgb))!important;
}

.epd-highlight-item{
  border-color:
    rgba(var(--ech-hi-rgb),.20)!important;
  background:
    linear-gradient(
      90deg,
      rgba(var(--ech-hi-rgb),.07),
      rgba(255,255,255,.012) 58%,
      rgba(var(--ech-hi-rgb),.025)
    )!important;
}

html.eleon-ui-light .epd-highlight-item{
  background:
    linear-gradient(
      90deg,
      rgba(var(--ech-hi-rgb),.065),
      rgba(255,255,255,.78) 62%,
      rgba(var(--ech-hi-rgb),.022)
    )!important;
}

/* ---------------- Change rows: mini hero cards ---------------- */

.epd-change-item{
  --sem-rgb:110,120,140;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:56px!important;
  padding:10px 12px!important;
  border:
    1px solid
    rgba(var(--sem-rgb),.27)!important;
  background:
    radial-gradient(
      circle at 92% 50%,
      rgba(var(--sem-rgb),.12),
      transparent 25%
    ),
    linear-gradient(
      100deg,
      rgba(var(--sem-rgb),.105),
      rgba(255,255,255,.014) 44%,
      rgba(var(--sem-rgb),.028) 100%
    ),
    var(--ech-hero-base)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018)!important;
}

.epd-change-item:before{
  width:3px!important;
  background:
    linear-gradient(
      180deg,
      rgba(var(--sem-rgb),.86),
      rgba(var(--sem-rgb),.22)
    )!important;
}

.epd-change-item:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-42px;
  bottom:-64px;
  width:120px;
  height:120px;
  border:
    1px solid
    rgba(var(--sem-rgb),.075);
  border-radius:50%;
}

html.eleon-ui-light .epd-change-item{
  background:
    radial-gradient(
      circle at 92% 50%,
      rgba(var(--sem-rgb),.085),
      transparent 25%
    ),
    linear-gradient(
      100deg,
      rgba(var(--sem-rgb),.075),
      rgba(255,255,255,.92) 46%,
      rgba(var(--sem-rgb),.018) 100%
    ),
    #fff!important;
}

/* semantic rgb assignment */
.epd-change-item.is-added{
  --sem-rgb:var(--ech-added-rgb);
}

.epd-change-item.is-updated{
  --sem-rgb:var(--ech-updated-rgb);
}

.epd-change-item.is-changed{
  --sem-rgb:var(--ech-changed-rgb);
}

.epd-change-item.is-improved{
  --sem-rgb:var(--ech-improved-rgb);
}

.epd-change-item.is-fixed{
  --sem-rgb:var(--ech-fixed-rgb);
}

.epd-change-item.is-removed{
  --sem-rgb:var(--ech-removed-rgb);
}

/* icon chip uses the same semantic surface */
.epd-change-item .epd-change-symbol{
  border:
    1px solid
    rgba(var(--sem-rgb),.28)!important;
  background:
    rgba(var(--sem-rgb),.10)!important;
  color:
    rgb(var(--sem-rgb))!important;
}

.epd-change-item .epd-change-badge{
  border-color:
    rgba(var(--sem-rgb),.62)!important;
  background:
    rgba(var(--sem-rgb),.075)!important;
  color:
    color-mix(
      in srgb,
      rgb(var(--sem-rgb)) 84%,
      var(--ech-text)
    )!important;
}

/* Keep text bright/clean even on tinted surfaces */
.epd-change-text{
  position:relative;
  z-index:1;
  color:var(--ech-text)!important;
  font-weight:400;
}

/* ---------------- Back to Archive: Helios CTA ---------------- */

.epd-actions{
  margin-top:24px!important;
  padding-top:0!important;
}

.epd-back-card{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  width:min(360px,100%);
  min-height:62px;
  padding:10px 13px!important;
  border:
    1px solid
    var(--ech-border)!important;
  border-radius:10px;
  background:
    linear-gradient(
      110deg,
      rgba(82,126,232,.065),
      rgba(255,255,255,.012) 58%,
      rgba(82,126,232,.025)
    ),
    var(--ech-card)!important;
  color:var(--ech-text)!important;
  text-decoration:none!important;
  transition:
    border-color .14s ease,
    background .14s ease,
    transform .14s ease;
}

.epd-back-card:hover{
  border-color:
    color-mix(
      in srgb,
      var(--ech-accent) 34%,
      var(--ech-border)
    )!important;
  background:
    linear-gradient(
      110deg,
      rgba(82,126,232,.09),
      rgba(255,255,255,.016) 58%,
      rgba(82,126,232,.04)
    ),
    var(--ech-card)!important;
  transform:translateY(-1px);
}

.epd-back-icon{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border:
    1px solid
    color-mix(
      in srgb,
      var(--ech-accent) 28%,
      var(--ech-border)
    );
  border-radius:8px;
  background:
    var(--ech-accent-soft);
  color:
    var(--ech-accent);
  font-size:16px;
}

.epd-back-copy{
  display:block;
  min-width:0;
}

.epd-back-copy small,
.epd-back-copy strong{
  display:block;
}

.epd-back-copy small{
  margin-bottom:3px;
  color:var(--ech-muted);
  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
}

.epd-back-copy strong{
  color:var(--ech-text);
  font-size:12px;
  font-weight:700;
}

.epd-back-arrow{
  color:var(--ech-muted);
  font-size:22px;
  transition: color .14s ease, transform .14s ease;
  display:none;
}

.epd-back-card:hover .epd-back-arrow{
  color:var(--ech-accent);
  transform:translateX(2px);
}

html.eleon-ui-light .epd-back-card{
  background:
    linear-gradient(
      110deg,
      rgba(77,121,216,.055),
      rgba(255,255,255,.94) 60%,
      rgba(77,121,216,.018)
    ),
    #fff!important;
}

/* Mobile */
@media(max-width:650px){
  .epd-change-item{
    min-height:60px!important;
  }

  .epd-back-card{
    width:100%;
  }
}


/* =========================================================
   CHANGELOG 2.5 — SEPARATE SEMANTIC SECTIONS
   Highlights / Added / Updated / Changed / Improved / Fixed /
   Removed each have their own header icon color and hero surface.
   ========================================================= */

.epd-semantic-block{
  --section-rgb:110,120,140;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:
    rgba(var(--section-rgb),.28)!important;
  background:
    radial-gradient(
      circle at 91% 14%,
      rgba(var(--section-rgb),.13),
      transparent 29%
    ),
    radial-gradient(
      circle at 5% 100%,
      rgba(var(--section-rgb),.065),
      transparent 30%
    ),
    linear-gradient(
      112deg,
      color-mix(
        in srgb,
        var(--ech-hero-base) 94%,
        rgb(var(--section-rgb)) 6%
      ),
      var(--ech-hero-deep) 75%
    )!important;
}

html.eleon-ui-light .epd-semantic-block{
  background:
    radial-gradient(
      circle at 91% 14%,
      rgba(var(--section-rgb),.075),
      transparent 29%
    ),
    linear-gradient(
      112deg,
      rgba(var(--section-rgb),.045),
      rgba(255,255,255,.97) 47%,
      rgba(var(--section-rgb),.018)
    )!important;
}

.epd-semantic-block:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:
    linear-gradient(
      180deg,
      rgba(var(--section-rgb),.84),
      rgba(var(--section-rgb),.18)
    );
}

.epd-semantic-block .epd-block-head{
  position:relative;
  z-index:1;
  border-bottom-color:
    rgba(var(--section-rgb),.14)!important;
}

.epd-semantic-block .epd-block-icon{
  border-color:
    rgba(var(--section-rgb),.34)!important;
  background:
    rgba(var(--section-rgb),.11)!important;
  color:
    rgb(var(--section-rgb))!important;
}

.epd-semantic-block .epd-block-head h2{
  color:var(--ech-text)!important;
}

.epd-semantic-block .epd-block-head p{
  color:var(--ech-muted)!important;
}

/* Header/icon palette by section */
.epd-semantic-block.is-added{
  --section-rgb:var(--ech-added-rgb);
}

.epd-semantic-block.is-updated{
  --section-rgb:var(--ech-updated-rgb);
}

.epd-semantic-block.is-changed{
  --section-rgb:var(--ech-changed-rgb);
}

.epd-semantic-block.is-improved{
  --section-rgb:var(--ech-improved-rgb);
}

.epd-semantic-block.is-fixed{
  --section-rgb:var(--ech-fixed-rgb);
}

.epd-semantic-block.is-removed{
  --section-rgb:var(--ech-removed-rgb);
}

/* Highlights header remains blue and now explicitly matches its background. */
.epd-highlights .epd-block-icon{
  color:rgb(var(--ech-hi-rgb))!important;
  border-color:
    rgba(var(--ech-hi-rgb),.34)!important;
  background:
    rgba(var(--ech-hi-rgb),.11)!important;
}

/* Prevent old generic Changes section styling from being used. */
.epd-changes{
  display:none!important;
}


/* =========================================================
   CHANGELOG 2.5.1 — ONE SURFACE PER SEMANTIC SECTION
   No mini-cards, no repeated row icons/badges.
   ========================================================= */

/* Whole semantic block carries the type color. */
.epd-semantic-block{
  --section-rgb:110,120,140;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:18px!important;
  border:
    1px solid
    rgba(var(--section-rgb),.28)!important;
  border-radius:12px!important;
  background:
    radial-gradient(
      circle at 90% 12%,
      rgba(var(--section-rgb),.14),
      transparent 31%
    ),
    radial-gradient(
      circle at 4% 100%,
      rgba(var(--section-rgb),.07),
      transparent 30%
    ),
    linear-gradient(
      112deg,
      color-mix(
        in srgb,
        var(--ech-hero-base) 94%,
        rgb(var(--section-rgb)) 6%
      ),
      var(--ech-hero-deep) 76%
    )!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018)!important;
}

html.eleon-ui-light .epd-semantic-block{
  background:
    radial-gradient(
      circle at 90% 12%,
      rgba(var(--section-rgb),.08),
      transparent 31%
    ),
    radial-gradient(
      circle at 4% 100%,
      rgba(var(--section-rgb),.035),
      transparent 30%
    ),
    linear-gradient(
      112deg,
      rgba(var(--section-rgb),.045),
      rgba(255,255,255,.97) 49%,
      rgba(var(--section-rgb),.018)
    )!important;
}

.epd-semantic-block:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:
    linear-gradient(
      180deg,
      rgba(var(--section-rgb),.86),
      rgba(var(--section-rgb),.20)
    );
}

/* Header keeps the semantic icon once. */
.epd-semantic-block .epd-block-head{
  position:relative;
  z-index:1;
  margin-bottom:4px!important;
  padding-bottom:14px!important;
  border-bottom:
    1px solid
    rgba(var(--section-rgb),.14)!important;
}

.epd-semantic-block .epd-block-icon{
  border:
    1px solid
    rgba(var(--section-rgb),.34)!important;
  background:
    rgba(var(--section-rgb),.10)!important;
  color:
    rgb(var(--section-rgb))!important;
}

/* Inner list is NOT a stack of cards anymore. */
.epd-semantic-block .epd-change-list{
  display:block!important;
  margin-top:0!important;
}

.epd-semantic-block .epd-change-item{
  --sem-rgb:var(--section-rgb);
  display:grid!important;
  grid-template-columns:10px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  min-height:0!important;
  margin:0!important;
  padding: 8px 4px!important;
  border:0!important;
  border-top:
    1px solid
    rgba(var(--section-rgb),.11)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
}

/* First item starts clean directly under header. */
.epd-semantic-block .epd-change-item:first-child{
  border-top:0!important;
}

/* Kill all old mini-card decoration layers. */
.epd-semantic-block .epd-change-item:before,
.epd-semantic-block .epd-change-item:after{
  display:none!important;
  content:none!important;
}

/* Repeated row icon / badge are gone from markup; hide old cached markup too. */
.epd-semantic-block .epd-change-symbol,
.epd-semantic-block .epd-change-badge{
  display:none!important;
}

/* Small semantic bullet only. */
.epd-change-bullet{
  display:block;
  width:5px;
  height:5px;
  margin-top:6px;
  border-radius:50%;
  background:
    rgb(var(--section-rgb));
  box-shadow:
    0 0 0 3px
    rgba(var(--section-rgb),.075);
}

.epd-semantic-block .epd-change-text{
  position:relative;
  z-index:1;
  color:var(--ech-text)!important;
  font-size: 13px!important;
  font-weight:400!important;
  line-height:1.45!important;
}

.epd-semantic-block .epd-change-text strong{
  font-weight:700!important;
}

/* Subtle row hover without creating another card. */
.epd-semantic-block .epd-change-item:hover .epd-change-text{
  color:
    color-mix(
      in srgb,
      var(--ech-text) 88%,
      rgb(var(--section-rgb)) 12%
    )!important;
}

/* Explicit section palettes. */
.epd-semantic-block.is-added{
  --section-rgb:var(--ech-added-rgb);
}

.epd-semantic-block.is-updated{
  --section-rgb:var(--ech-updated-rgb);
}

.epd-semantic-block.is-changed{
  --section-rgb:var(--ech-changed-rgb);
}

.epd-semantic-block.is-improved{
  --section-rgb:var(--ech-improved-rgb);
}

.epd-semantic-block.is-fixed{
  --section-rgb:var(--ech-fixed-rgb);
}

.epd-semantic-block.is-removed{
  --section-rgb:var(--ech-removed-rgb);
}

/* Highlights follows the exact same visual logic:
   one background for the whole section, simple rows inside. */
.epd-highlights .epd-highlight-list{
  display:block!important;
}

.epd-highlights .epd-highlight-item{
  display:grid!important;
  grid-template-columns:10px minmax(0,1fr)!important;
  gap:10px!important;
  min-height:0!important;
  padding: 8px 4px!important;
  border:0!important;
  border-top:
    1px solid
    rgba(var(--ech-hi-rgb),.11)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.epd-highlights .epd-highlight-item:first-child{
  border-top:0!important;
}

.epd-highlights .epd-highlight-dot{
  display:block!important;
  width:5px!important;
  height:5px!important;
  margin-top:6px!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:
    rgb(var(--ech-hi-rgb))!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  box-shadow:
    0 0 0 3px
    rgba(var(--ech-hi-rgb),.075)!important;
}


/* =========================================================
   CHANGELOG 2.6 — HOME WIDGET LAYOUT
   Most Viewed = left tall card
   Version Timeline = top right
   Recently Updated = bottom right
   ========================================================= */

.ech-home-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}

/* Fallback before Most Viewed is mounted: two Changelog widgets side-by-side. */
.ech-timeline-card{
  grid-column:1!important;
}

.ech-recent-card{
  grid-column:2!important;
}

/* Final requested layout once Most Viewed exists. */
.ech-home-grid.has-most-viewed .ech-most-viewed-card{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:100%!important;
  height:100%!important;
  align-self:stretch!important;
  margin:0!important;
}

.ech-home-grid.has-most-viewed .ech-timeline-card{
  grid-column:2!important;
  grid-row:1!important;
}

.ech-home-grid.has-most-viewed .ech-recent-card{
  grid-column:2!important;
  grid-row:2!important;
}

/* Recently Updated — copied from Most Viewed visual system. */
.ech-recent-card{
  padding:15px 16px!important;
  border:1px solid var(--eleon-card-border,var(--helios-border,#303640))!important;
  border-radius:12px!important;
  background:var(--eleon-card-bg,var(--helios-card,#17191e))!important;
  color:var(--eleon-text,inherit)!important;
  box-shadow:none!important;
}

.eru-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:30px!important;
  margin-bottom:3px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid var(--eleon-soft,rgba(225,229,236,.08))!important;
}

.eru-head strong{
  color:var(--eleon-text,inherit)!important;
  font-size:14px!important;
  font-weight:800!important;
}

.eru-head a{
  color:var(--eleon-accent,var(--helios-accent,#78a6ff))!important;
  text-decoration:none!important;
  font-size:12px;
}

.eru-head a:hover,
.eru-head a:focus{
  color:var(--eleon-accent,var(--helios-accent,#78a6ff))!important;
  text-decoration:none!important;
  filter:brightness(1.08);
}

.eru-list{
  display:grid!important;
}

.eru-row{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:48px!important;
  padding:8px 0!important;
  border-top:1px solid var(--eleon-soft,rgba(225,229,236,.08))!important;
  background:transparent!important;
}

.eru-row:first-child{
  border-top:0!important;
}

.eru-version{
  color:var(--eleon-accent,var(--helios-accent,#78a6ff))!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

.eru-title-link{
  min-width:0!important;
  overflow:hidden!important;
  color:var(--eleon-text,inherit)!important;
  text-decoration:none!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
  font-weight:600!important;
  transition:color .14s ease!important;
}

.eru-title-link:hover,
.eru-title-link:focus{
  color:var(--eleon-accent,var(--helios-accent,#78a6ff))!important;
  text-decoration:none!important;
}

.eru-date{
  color:var(--eleon-muted,rgba(225,229,236,.48))!important;
  font-size:10px!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

/* Match Most Viewed card height behavior without stretching its rows. */
.ech-home-grid.has-most-viewed [data-eleon-most-viewed]{
  display:flex!important;
  flex-direction:column!important;
}

.ech-home-grid.has-most-viewed [data-eleon-most-viewed] .emv-list{
  flex:1 1 auto!important;
}

/* Light mode follows the same variables as Most Viewed. */
html[data-theme="light"] .ech-recent-card,
html.light .ech-recent-card,
body.light .ech-recent-card,
html.eleon-ui-light .ech-recent-card{
  background:#fff!important;
  border-color:#d9dee7!important;
  color:#20242c!important;
}

html[data-theme="light"] .eru-title-link,
html.light .eru-title-link,
body.light .eru-title-link,
html.eleon-ui-light .eru-title-link{
  color:#20242c!important;
}

html[data-theme="light"] .eru-title-link:hover,
html.light .eru-title-link:hover,
body.light .eru-title-link:hover,
html.eleon-ui-light .eru-title-link:hover{
  color:#3f76d8!important;
}

html[data-theme="light"] .eru-date,
html.light .eru-date,
body.light .eru-date,
html.eleon-ui-light .eru-date{
  color:#7a8493!important;
}

@media(max-width:900px){
  .ech-home-grid,
  .ech-home-grid.has-most-viewed{
    grid-template-columns:1fr!important;
  }

  .ech-home-grid.has-most-viewed .ech-most-viewed-card,
  .ech-home-grid.has-most-viewed .ech-timeline-card,
  .ech-home-grid.has-most-viewed .ech-recent-card,
  .ech-timeline-card,
  .ech-recent-card{
    grid-column:1!important;
    grid-row:auto!important;
  }
}


/* =========================================================
   CHANGELOG 2.7 — HOME 2x2 WIDGET GRID
   Row 1: Changelog History | Version Timeline
   Row 2: Most Viewed       | Recently Updated (standalone)
   ========================================================= */

.ech-home-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:14px!important;
  align-items:stretch!important;
}

/* Changelog History is the former Changelog Recently Updated card. */
.ech-home-grid .ech-recent-card{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  margin:0!important;
}

/* Version Timeline top-right. */
.ech-home-grid .ech-timeline-card{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  margin:0!important;
}

/* Most Viewed bottom-left after JS integrates it into this grid. */
.ech-home-grid.has-most-viewed .ech-most-viewed-card,
.ech-home-grid [data-eleon-most-viewed]{
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  height:auto!important;
  align-self:stretch!important;
  margin:0!important;
}

/* Standalone Recently Updated plugin owns bottom-right. */
.ech-home-grid [data-eleon-recently-updated-plugin]{
  grid-column:2!important;
  grid-row:2!important;
  width:100%!important;
  margin:0!important;
}

/* Undo the old tall Most Viewed layout. */
.ech-home-grid.has-most-viewed .ech-most-viewed-card{
  grid-row:2!important;
  height:auto!important;
}

/* Make Changelog History visually match Most Viewed. */
.ech-recent-card{
  padding:15px 16px!important;
  border:1px solid var(--eleon-card-border,var(--helios-border,#303640))!important;
  border-radius:12px!important;
  background:var(--eleon-card-bg,var(--helios-card,#17191e))!important;
  color:var(--eleon-text,inherit)!important;
  box-shadow:none!important;
}

@media(max-width:900px){
  .ech-home-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }

  .ech-home-grid .ech-recent-card,
  .ech-home-grid .ech-timeline-card,
  .ech-home-grid.has-most-viewed .ech-most-viewed-card,
  .ech-home-grid [data-eleon-most-viewed],
  .ech-home-grid [data-eleon-recently-updated-plugin]{
    grid-column:1!important;
    grid-row:auto!important;
  }
}


/* =========================================================
   2.7.1 — NO DARK FLASH IN HELIOS LIGHT MODE
   Read the Helios light state directly from DOM on first paint.
   JavaScript is only a fallback/theme-change synchronizer.
   ========================================================= */

html[data-theme="light"],
html[data-mode="light"],
html[data-color-scheme="light"],
html.theme-light,
html.light,
body[data-theme="light"],
body[data-mode="light"],
body[data-color-scheme="light"],
body.theme-light,
body.light{
  --ech-bg:#fff;
  --ech-card:#fff;
  --ech-card-2:#f7f9fc;
  --ech-border:#d7dee8;
  --ech-border-soft:rgba(34,47,67,.09);
  --ech-text:#171b22;
  --ech-muted:#747e8c;
  --ech-accent:#4d79d8;
  --ech-accent-soft:rgba(77,121,216,.08);

  --ech-green:#4f8764;
  --ech-green-soft:rgba(64,133,87,.07);
  --ech-blue:#507cad;
  --ech-blue-soft:rgba(70,121,176,.07);
  --ech-amber:#8b6d38;
  --ech-amber-soft:rgba(157,119,52,.07);
  --ech-purple:#735d96;
  --ech-purple-soft:rgba(109,82,150,.07);
  --ech-red:#9b5a63;
  --ech-red-soft:rgba(157,74,86,.07);

  --ech-hero-base:#fff;
  --ech-hero-deep:#f7f9fc;
}

/* Home hero must also be correct before eleon-ui-light is added. */
html[data-theme="light"] .ech-hero,
html[data-mode="light"] .ech-hero,
html[data-color-scheme="light"] .ech-hero,
html.theme-light .ech-hero,
html.light .ech-hero,
body[data-theme="light"] .ech-hero,
body[data-mode="light"] .ech-hero,
body[data-color-scheme="light"] .ech-hero,
body.theme-light .ech-hero,
body.light .ech-hero{
  border-color:#cbd8e9!important;
  background:
    radial-gradient(circle at 90% 8%,rgba(92,137,199,.10),transparent 36%),
    linear-gradient(135deg,#f8fbff,#eef4fb)!important;
  color:var(--ech-text)!important;
}

html[data-theme="light"] .ech-latest,
html[data-mode="light"] .ech-latest,
html[data-color-scheme="light"] .ech-latest,
html.theme-light .ech-latest,
html.light .ech-latest,
body[data-theme="light"] .ech-latest,
body[data-mode="light"] .ech-latest,
body[data-color-scheme="light"] .ech-latest,
body.theme-light .ech-latest,
body.light .ech-latest{
  border-color:#d7e0eb!important;
  background:rgba(255,255,255,.72)!important;
}

/* Full patch semantic blocks — correct light surface on first paint. */
html[data-theme="light"] .epd-semantic-block,
html[data-mode="light"] .epd-semantic-block,
html[data-color-scheme="light"] .epd-semantic-block,
html.theme-light .epd-semantic-block,
html.light .epd-semantic-block,
body[data-theme="light"] .epd-semantic-block,
body[data-mode="light"] .epd-semantic-block,
body[data-color-scheme="light"] .epd-semantic-block,
body.theme-light .epd-semantic-block,
body.light .epd-semantic-block{
  background:
    radial-gradient(
      circle at 90% 12%,
      rgba(var(--section-rgb),.08),
      transparent 31%
    ),
    radial-gradient(
      circle at 4% 100%,
      rgba(var(--section-rgb),.035),
      transparent 30%
    ),
    linear-gradient(
      112deg,
      rgba(var(--section-rgb),.045),
      rgba(255,255,255,.97) 49%,
      rgba(var(--section-rgb),.018)
    )!important;
}

html[data-theme="light"] .epd-highlights,
html[data-mode="light"] .epd-highlights,
html[data-color-scheme="light"] .epd-highlights,
html.theme-light .epd-highlights,
html.light .epd-highlights,
body[data-theme="light"] .epd-highlights,
body[data-mode="light"] .epd-highlights,
body[data-color-scheme="light"] .epd-highlights,
body.theme-light .epd-highlights,
body.light .epd-highlights{
  background:
    radial-gradient(
      circle at 88% 18%,
      rgba(var(--ech-hi-rgb),.10),
      transparent 30%
    ),
    radial-gradient(
      circle at 4% 100%,
      rgba(var(--ech-hi-rgb),.05),
      transparent 32%
    ),
    linear-gradient(
      112deg,
      rgba(var(--ech-hi-rgb),.05),
      rgba(255,255,255,.97) 55%,
      rgba(var(--ech-hi-rgb),.018)
    )!important;
}

/* Light back button/card on first paint. */
html[data-theme="light"] .epd-back-card,
html[data-mode="light"] .epd-back-card,
html[data-color-scheme="light"] .epd-back-card,
html.theme-light .epd-back-card,
html.light .epd-back-card,
body[data-theme="light"] .epd-back-card,
body[data-mode="light"] .epd-back-card,
body[data-color-scheme="light"] .epd-back-card,
body.theme-light .epd-back-card,
body.light .epd-back-card{
  background:
    linear-gradient(
      110deg,
      rgba(77,121,216,.055),
      rgba(255,255,255,.94) 60%,
      rgba(77,121,216,.018)
    ),
    #fff!important;
}


/* =========================================================
   2.7.2 — HELIOS HOME CHANGELOG POLISH
   Home-only visual refresh.
   Keeps archive/full patch semantics and all plugin behavior intact.
   ========================================================= */

.eleon-changelog-home{
  --ech-home-surface:var(--helios-card,#17191e);
  --ech-home-surface-soft:#141922;
  --ech-home-border:var(--helios-border,#303640);
  --ech-home-line:rgba(225,229,236,.075);
  --ech-home-text:rgba(238,241,246,.96);
  --ech-home-muted:rgba(225,229,236,.50);
  --ech-home-accent:var(--helios-accent,#78a6ff);
  --ech-home-accent-soft:rgba(120,166,255,.085);
  --ech-home-violet:#9b7cff;
  --ech-home-violet-soft:rgba(155,124,255,.105);
}

/* ---------- Hero ---------- */

.eleon-changelog-home .ech-hero-polished{
  position:relative;
  margin-bottom:18px!important;
  padding:26px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--ech-home-accent) 48%,var(--ech-home-border))!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(58,110,205,.16),transparent 34%),
    radial-gradient(circle at 16% 92%,rgba(113,79,188,.075),transparent 30%),
    linear-gradient(135deg,#111d31 0%,#101722 48%,#12131b 100%)!important;
  color:var(--ech-home-text)!important;
  box-shadow:none!important;
}

.eleon-changelog-home .ech-hero-polished:after{
  content:"";
  position:absolute;
  right:-110px;
  bottom:-130px;
  width:300px;
  height:300px;
  border:1px solid rgba(120,166,255,.07);
  border-radius:50%;
  pointer-events:none;
}

.ech-hero-copy{
  min-width:0;
}

.eleon-changelog-home .ech-kicker{
  margin:0 0 10px!important;
  color:var(--ech-home-accent)!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.09em!important;
  text-transform:uppercase;
}

.eleon-changelog-home .ech-hero h1{
  margin:0!important;
  color:var(--ech-home-text)!important;
  font-size:34px!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
  line-height:1.08!important;
}

.eleon-changelog-home .ech-hero p{
  margin:8px 0 10px !important;
  color:var(--ech-home-muted)!important;
  opacity:1!important;
  font-size: 10px!important;
  line-height:1.55!important;
}

.eleon-changelog-home .ech-views{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-height:28px!important;
  padding:0 9px!important;
  border:1px solid rgba(145,158,180,.12)!important;
  border-radius:8px!important;
  background:rgba(0,0,0,.09)!important;
  color:var(--ech-home-muted)!important;
  opacity:1!important;
  font-size:11px!important;
  line-height:1!important;
}

/* ---------- Latest changelog ---------- */

.eleon-changelog-home .ech-latest-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr) 230px!important;
  align-items:center!important;
  gap:22px!important;
  margin-top:22px!important;
  padding:20px!important;
  overflow:hidden!important;
  border:1px solid rgba(120,166,255,.22)!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 84% 5%,rgba(72,116,205,.11),transparent 34%),
    linear-gradient(110deg,rgba(12,20,33,.62),rgba(14,20,30,.34))!important;
}

.eleon-changelog-home .ech-latest-side{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  padding:7px 20px 7px 0!important;
  border:0!important;
  border-right:1px solid var(--ech-home-line)!important;
}

.eleon-changelog-home .ech-latest-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:22px!important;
  padding:0 9px!important;
  border:1px solid rgba(155,124,255,.28)!important;
  border-radius:999px!important;
  background:var(--ech-home-violet-soft)!important;
  color:#b7a3ff!important;
  font:800 8px/1 sans-serif!important;
  letter-spacing:.065em!important;
  white-space:nowrap!important;
}

.eleon-changelog-home .ech-latest-version{
  margin-top:2px!important;
  color:var(--ech-home-accent)!important;
  font:700 31px/1.05 Georgia,serif!important;
  letter-spacing:-.035em!important;
}

.eleon-changelog-home .ech-latest-date{
  color:var(--ech-home-muted)!important;
  opacity:1!important;
  font-size:10px!important;
  line-height:1.2!important;
}

.eleon-changelog-home .ech-latest-main{
  min-width:0!important;
}

.eleon-changelog-home .ech-latest-title{
  margin:0 0 7px!important;
  color:var(--ech-home-text)!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.25!important;
}

.eleon-changelog-home .ech-latest-summary{
  margin:0 0 10px!important;
  color:var(--ech-home-muted)!important;
  opacity:1!important;
  font-size:12px!important;
  line-height:1.5!important;
}

.eleon-changelog-home .ech-latest-list{
  display:grid!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.eleon-changelog-home .ech-latest-list li{
  position:relative!important;
  margin:0!important;
  padding-left:15px!important;
  color:var(--ech-home-text)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

.eleon-changelog-home .ech-latest-list li:before{
  content:"";
  position:absolute;
  left:1px;
  top:.58em;
  width:4px;
  height:4px;
  border-radius:1px;
  background:color-mix(in srgb,var(--ech-home-accent) 72%,white);
  box-shadow:0 0 0 3px rgba(120,166,255,.055);
}

.eleon-changelog-home .ech-latest-action{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
}

.eleon-changelog-home .ech-latest-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  width:auto!important;
  padding:0 14px!important;
  border:1px solid rgba(120,166,255,.32)!important;
  border-radius:9px!important;
  background:rgba(120,166,255,.075)!important;
  color:var(--ech-home-accent)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:
    background .16s ease,
    border-color .16s ease,
    color .16s ease!important;
}

.eleon-changelog-home .ech-latest-button:hover{
  border-color:rgba(120,166,255,.46)!important;
  background:rgba(120,166,255,.115)!important;
  color:#a9c7ff!important;
}

.ech-action-arrow{
  font-size:16px;
  font-weight:400;
  line-height:1;
}

/* ---------- Home cards ---------- */

.eleon-changelog-home .ech-home-card{
  padding:14px 15px!important;
  border:1px solid var(--ech-home-border)!important;
  border-radius:12px!important;
  background:var(--ech-home-surface)!important;
  color:var(--ech-home-text)!important;
  box-shadow:none!important;
}

.eleon-changelog-home .ech-card-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 0 10px!important;
  border-bottom:1px solid var(--ech-home-line)!important;
}

.ech-card-title-wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  gap:2px!important;
}

.ech-card-title-wrap strong{
  color:var(--ech-home-text)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.25!important;
}

.ech-card-title-wrap small{
  color:var(--ech-home-muted)!important;
  font-size:9px!important;
  font-weight:500!important;
  line-height:1.3!important;
}

.ech-card-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  flex:0 0 auto!important;
  min-height:30px!important;
  padding:0 9px!important;
  border:1px solid rgba(120,166,255,.17)!important;
  border-radius:8px!important;
  background:rgba(120,166,255,.045)!important;
  color:var(--ech-home-accent)!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:
    background .15s ease,
    border-color .15s ease,
    color .15s ease!important;
}

.ech-card-action:hover,
.ech-card-action:focus{
  border-color:rgba(120,166,255,.30)!important;
  background:rgba(120,166,255,.08)!important;
  color:#a8c6ff!important;
  text-decoration:none!important;
}

.ech-card-action-arrow{
  margin-top:-1px;
  font-size:14px;
  font-weight:400;
}

/* ---------- Changelog History ---------- */

.eleon-changelog-home .eru-head{
  margin-bottom:0!important;
}

.eleon-changelog-home .eru-list{
  display:grid!important;
  width:100%!important;
}

.eleon-changelog-home .eru-row{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  min-height:45px!important;
  padding:8px 0!important;
  border-top:1px solid var(--ech-home-line)!important;
}

.eleon-changelog-home .eru-row:first-child{
  border-top:0!important;
}

.eleon-changelog-home .eru-version{
  color:var(--ech-home-accent)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

.eleon-changelog-home .eru-title-link{
  min-width:0!important;
  color:var(--ech-home-text)!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.35!important;
  text-decoration:none!important;
  overflow-wrap:break-word!important;
}

.eleon-changelog-home .eru-title-link:hover{
  color:var(--ech-home-accent)!important;
}

.eleon-changelog-home .eru-date{
  color:var(--ech-home-muted)!important;
  font-size:9px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

/* ---------- Version Timeline ---------- */

.eleon-changelog-home .ech-mini-timeline{
  position:relative!important;
  padding-top:4px!important;
}

.eleon-changelog-home .ech-timeline-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:start!important;
  gap:9px!important;
  min-height:49px!important;
  padding:6px 0 5px!important;
  color:var(--ech-home-text)!important;
}

.eleon-changelog-home .ech-timeline-row:before{
  content:"";
  position:absolute;
  left:5px;
  top:19px;
  bottom:-7px;
  width:1px;
  background:rgba(142,157,180,.14)!important;
}

.eleon-changelog-home .ech-timeline-row:last-child:before{
  display:none!important;
}

.eleon-changelog-home .ech-dot{
  position:relative!important;
  z-index:2!important;
  width:9px!important;
  height:9px!important;
  margin:4px 0 0 1px!important;
  border-radius:50%!important;
  background:#657084!important;
  box-shadow:
    0 0 0 3px var(--ech-home-surface)!important;
}

.eleon-changelog-home .ech-timeline-row.is-latest .ech-dot{
  background:var(--ech-home-accent)!important;
}

.eleon-changelog-home .ech-timeline-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
  min-width:0!important;
}

.ech-timeline-top{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  min-width:0!important;
}

.eleon-changelog-home .ech-version-link{
  display:inline-block!important;
  width:auto!important;
  max-width:100%!important;
  color:var(--ech-home-text)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

.eleon-changelog-home .ech-version-link:hover{
  color:var(--ech-home-accent)!important;
}

.eleon-changelog-home .ech-timeline-date{
  margin:0!important;
  color:var(--ech-home-muted)!important;
  font-size:9px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

.ech-timeline-latest{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:18px!important;
  padding:0 7px!important;
  border:1px solid rgba(155,124,255,.23)!important;
  border-radius:999px!important;
  background:var(--ech-home-violet-soft)!important;
  color:#b29cff!important;
  font-size:7px!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
  line-height:1!important;
}

/* ---------- Immediate light theme ---------- */

html[data-theme="light"] .eleon-changelog-home,
html[data-mode="light"] .eleon-changelog-home,
html[data-color-scheme="light"] .eleon-changelog-home,
html.theme-light .eleon-changelog-home,
html.light .eleon-changelog-home,
body[data-theme="light"] .eleon-changelog-home,
body[data-mode="light"] .eleon-changelog-home,
body[data-color-scheme="light"] .eleon-changelog-home,
body.theme-light .eleon-changelog-home,
body.light .eleon-changelog-home,
html.eleon-ui-light .eleon-changelog-home{
  --ech-home-surface:#fff;
  --ech-home-surface-soft:#f7f9fc;
  --ech-home-border:#d7dee8;
  --ech-home-line:rgba(34,47,67,.085);
  --ech-home-text:#171b22;
  --ech-home-muted:#747e8c;
  --ech-home-accent:#4d79d8;
  --ech-home-accent-soft:rgba(77,121,216,.07);
  --ech-home-violet:#7559c8;
  --ech-home-violet-soft:rgba(117,89,200,.075);
}

html[data-theme="light"] .eleon-changelog-home .ech-hero-polished,
html[data-mode="light"] .eleon-changelog-home .ech-hero-polished,
html[data-color-scheme="light"] .eleon-changelog-home .ech-hero-polished,
html.theme-light .eleon-changelog-home .ech-hero-polished,
html.light .eleon-changelog-home .ech-hero-polished,
body.light .eleon-changelog-home .ech-hero-polished,
html.eleon-ui-light .eleon-changelog-home .ech-hero-polished{
  border-color:#cbd8e9!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(80,128,195,.095),transparent 34%),
    radial-gradient(circle at 15% 96%,rgba(117,89,200,.045),transparent 30%),
    linear-gradient(135deg,#fafcff 0%,#f4f7fb 54%,#eef4fa 100%)!important;
}

html[data-theme="light"] .eleon-changelog-home .ech-latest-card,
html[data-mode="light"] .eleon-changelog-home .ech-latest-card,
html[data-color-scheme="light"] .eleon-changelog-home .ech-latest-card,
html.light .eleon-changelog-home .ech-latest-card,
body.light .eleon-changelog-home .ech-latest-card,
html.eleon-ui-light .eleon-changelog-home .ech-latest-card{
  border-color:#d6e0ed!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(77,121,216,.065),transparent 34%),
    linear-gradient(110deg,rgba(247,250,254,.94),rgba(255,255,255,.78))!important;
}

html[data-theme="light"] .eleon-changelog-home .ech-views,
html.light .eleon-changelog-home .ech-views,
body.light .eleon-changelog-home .ech-views,
html.eleon-ui-light .eleon-changelog-home .ech-views{
  border-color:rgba(61,78,104,.10)!important;
  background:rgba(255,255,255,.54)!important;
}

/* ---------- Responsive ---------- */

@media(max-width:1050px){
  .eleon-changelog-home .ech-latest-card{
    grid-template-columns:150px minmax(0,1fr)!important;
  }

  .eleon-changelog-home .ech-latest-action{
    grid-column:2!important;
    justify-content:flex-start!important;
  }
}

@media(max-width:700px){
  .eleon-changelog-home .ech-hero-polished{
    padding:18px!important;
  }

  .eleon-changelog-home .ech-hero-top{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:12px!important;
  }

  .eleon-changelog-home .ech-hero h1{
    font-size:27px!important;
  }

  .eleon-changelog-home .ech-latest-card{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:16px!important;
  }

  .eleon-changelog-home .ech-latest-side{
    align-items:flex-start!important;
    padding:0 0 14px!important;
    border-right:0!important;
    border-bottom:1px solid var(--ech-home-line)!important;
  }

  .eleon-changelog-home .ech-latest-action{
    grid-column:1!important;
    justify-content:flex-start!important;
  }

  .eleon-changelog-home .ech-latest-button{
    width:100%!important;
  }

  .eleon-changelog-home .ech-card-head{
    align-items:flex-start!important;
  }

  .ech-card-title-wrap small{
    display:none!important;
  }

  .eleon-changelog-home .eru-row{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:8px!important;
  }

  .eleon-changelog-home .eru-date{
    grid-column:2!important;
    padding-top:1px!important;
  }
}


/* =========================================================
   2.7.3 — HOME HERO / TIMELINE FIX
   Final overrides: intentionally last in file.
   ========================================================= */

/* ---------- Smooth Helios border gradient ---------- */

.eleon-changelog-home .ech-hero-polished{
  border:1px solid transparent!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(58,110,205,.16),transparent 34%) padding-box,
    radial-gradient(circle at 16% 92%,rgba(113,79,188,.075),transparent 30%) padding-box,
    linear-gradient(135deg,#111d31 0%,#101722 48%,#12131b 100%) padding-box,
    linear-gradient(
      180deg,
      rgba(126,174,255,.72) 0%,
      rgba(88,132,205,.43) 34%,
      rgba(65,91,132,.30) 68%,
      rgba(48,57,72,.72) 100%
    ) border-box!important;
}

/* Inner latest panel: same idea, much more subtle. */
.eleon-changelog-home .ech-latest-card{
  border:1px solid transparent!important;
  background:
    radial-gradient(circle at 84% 5%,rgba(72,116,205,.11),transparent 34%) padding-box,
    linear-gradient(110deg,rgba(12,20,33,.62),rgba(14,20,30,.34)) padding-box,
    linear-gradient(
      180deg,
      rgba(120,166,255,.34) 0%,
      rgba(85,119,172,.20) 52%,
      rgba(48,57,72,.34) 100%
    ) border-box!important;
}

/* ---------- One marker only in Latest Highlights ---------- */

.eleon-changelog-home .ech-latest-list{
  list-style:none!important;
  list-style-type:none!important;
}

.eleon-changelog-home .ech-latest-list > li{
  list-style:none!important;
  list-style-type:none!important;
}

.eleon-changelog-home .ech-latest-list > li::marker{
  content:""!important;
  font-size:0!important;
}

.eleon-changelog-home .ech-latest-list > li:before{
  content:""!important;
  left:1px!important;
  top:.61em!important;
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  background:rgba(126,174,255,.82)!important;
  box-shadow:0 0 0 3px rgba(120,166,255,.055)!important;
}

/* ---------- Timeline: dot | version/date | latest ---------- */

.eleon-changelog-home .ech-mini-timeline{
  padding-top:3px!important;
}

.eleon-changelog-home .ech-timeline-row{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr) auto!important;
  align-items:start!important;
  column-gap:9px!important;
  row-gap:0!important;
  min-height:55px!important;
  padding:8px 0 7px!important;
}

.eleon-changelog-home .ech-timeline-row:before{
  left:5px!important;
  top:21px!important;
  bottom:-8px!important;
}

.eleon-changelog-home .ech-dot{
  grid-column:1!important;
  grid-row:1!important;
  margin:4px 0 0 1px!important;
}

.eleon-changelog-home .ech-timeline-copy{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-width:0!important;
  padding:0!important;
}

.eleon-changelog-home .ech-version-link{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1.25!important;
}

.eleon-changelog-home .ech-timeline-date{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--ech-home-muted)!important;
  font-size:9px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

.eleon-changelog-home .ech-timeline-latest{
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:end!important;
  min-height:20px!important;
  margin:0!important;
  padding:0 8px!important;
  border-color:rgba(120,166,255,.23)!important;
  background:rgba(120,166,255,.075)!important;
  color:var(--ech-home-accent)!important;
  font-size:7px!important;
}

.eleon-changelog-home .ech-timeline-spacer{
  grid-column:3!important;
  grid-row:1!important;
  width:1px!important;
  height:1px!important;
}

/* Kill old nth-child rule from legacy timeline markup. */
.eleon-changelog-home .ech-mini-timeline .ech-timeline-row > span:nth-child(2){
  display:initial!important;
}

/* ---------- Light mode gradients ---------- */

html[data-theme="light"] .eleon-changelog-home .ech-hero-polished,
html[data-mode="light"] .eleon-changelog-home .ech-hero-polished,
html[data-color-scheme="light"] .eleon-changelog-home .ech-hero-polished,
html.theme-light .eleon-changelog-home .ech-hero-polished,
html.light .eleon-changelog-home .ech-hero-polished,
body.light .eleon-changelog-home .ech-hero-polished,
html.eleon-ui-light .eleon-changelog-home .ech-hero-polished{
  border:1px solid transparent!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(80,128,195,.095),transparent 34%) padding-box,
    radial-gradient(circle at 15% 96%,rgba(117,89,200,.045),transparent 30%) padding-box,
    linear-gradient(135deg,#fafcff 0%,#f4f7fb 54%,#eef4fa 100%) padding-box,
    linear-gradient(
      180deg,
      #b7cff3 0%,
      #cbd9eb 38%,
      #d8dee7 72%,
      #c5ccd6 100%
    ) border-box!important;
}

html[data-theme="light"] .eleon-changelog-home .ech-latest-card,
html[data-mode="light"] .eleon-changelog-home .ech-latest-card,
html[data-color-scheme="light"] .eleon-changelog-home .ech-latest-card,
html.light .eleon-changelog-home .ech-latest-card,
body.light .eleon-changelog-home .ech-latest-card,
html.eleon-ui-light .eleon-changelog-home .ech-latest-card{
  border:1px solid transparent!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(77,121,216,.065),transparent 34%) padding-box,
    linear-gradient(110deg,rgba(247,250,254,.94),rgba(255,255,255,.78)) padding-box,
    linear-gradient(
      180deg,
      #c7d8f1 0%,
      #d9e2ee 52%,
      #d4d9e1 100%
    ) border-box!important;
}

/* ---------- Mobile ---------- */

@media(max-width:700px){
  .eleon-changelog-home .ech-timeline-row{
    grid-template-columns:18px minmax(0,1fr) auto!important;
    min-height:55px!important;
  }

  .eleon-changelog-home .ech-timeline-latest{
    margin-left:6px!important;
  }
}


/* =========================================================
   2.7.4 — TIMELINE ALIGN FIX
   - date in same row as version
   - remove duplicate vertical line
   - center vertical connector through blue/gray dots
   ========================================================= */

.eleon-changelog-home .ech-mini-timeline:before{
  content:none!important;
  display:none!important;
}

.eleon-changelog-home .ech-timeline-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:14px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:10px!important;
  min-height:42px!important;
  padding:7px 0!important;
}

.eleon-changelog-home .ech-timeline-row:before{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  top:19px!important;
  bottom:-7px!important;
  width:1px!important;
  background:rgba(130,150,180,.30)!important;
}

.eleon-changelog-home .ech-timeline-row:last-child:before{
  display:none!important;
}

.eleon-changelog-home .ech-dot{
  grid-column:1!important;
  grid-row:1!important;
  width:10px!important;
  height:10px!important;
  margin:0!important;
  border-radius:50%!important;
  background:#687386!important;
  box-shadow:0 0 0 3px var(--helios-card,#17191e)!important;
  position:relative!important;
  z-index:2!important;
  align-self:center!important;
  justify-self:start!important;
}

.eleon-changelog-home .ech-timeline-row.is-latest .ech-dot{
  background:var(--ech-home-accent)!important;
}

.eleon-changelog-home .ech-timeline-copy{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  padding:0!important;
}

.eleon-changelog-home .ech-version-link{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

.eleon-changelog-home .ech-timeline-date{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  color:var(--ech-home-muted)!important;
}

.eleon-changelog-home .ech-timeline-latest,
.eleon-changelog-home .ech-timeline-spacer{
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
}

.eleon-changelog-home .ech-timeline-latest{
  min-height:18px!important;
  padding:0 8px!important;
}

@media(max-width:700px){
  .eleon-changelog-home .ech-timeline-row{
    grid-template-columns:14px minmax(0,1fr) auto!important;
    column-gap:9px!important;
  }

  .eleon-changelog-home .ech-timeline-copy{
    gap:6px!important;
  }

  .eleon-changelog-home .ech-timeline-date{
    font-size:9px!important;
  }
}


/* =========================================================
   2.7.5 — TIMELINE CONNECTOR FIX
   - one vertical connector only
   - centered exactly through blue/gray dots
   - reaches continuously from one dot center to the next
   ========================================================= */

.eleon-changelog-home .ech-mini-timeline:before{
  content:none!important;
  display:none!important;
}

.eleon-changelog-home .ech-timeline-row{
  position:relative!important;
  min-height:48px!important;
  padding:6px 0!important;
}

.eleon-changelog-home .ech-timeline-row:before{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:50%!important;
  bottom:-50%!important;
  width:1px!important;
  background:rgba(130,150,180,.32)!important;
  transform:none!important;
  z-index:0!important;
}

.eleon-changelog-home .ech-timeline-row:last-child:before{
  display:none!important;
}

.eleon-changelog-home .ech-dot{
  position:relative!important;
  z-index:2!important;
  justify-self:start!important;
  align-self:center!important;
  width:10px!important;
  height:10px!important;
  margin:0!important;
  border-radius:50%!important;
  box-shadow:0 0 0 3px var(--helios-card,#17191e)!important;
}

.eleon-changelog-home .ech-timeline-row.is-latest .ech-dot{
  background:var(--ech-home-accent)!important;
}