.eleon-related-articles{
  margin:26px 0 18px;
  padding:16px;
  border:1px solid var(--helios-border,#303640);
  border-radius:12px;
  background:var(--helios-card,#17191e);
  color:inherit;
}

.era-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
  padding-bottom:11px;
  border-bottom:1px solid rgba(255,255,255,.055);
}

.era-head>div{
  display:flex;
  align-items:center;
  gap:9px;
}

.era-head strong{
  font-size:15px;
}

.era-head>small{
  color:rgba(225,229,236,.42);
  font-size:10px;
}

.era-icon{
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  color:rgba(225,229,236,.70);
}

.era-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.era-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.era-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 18px;
  gap:10px;
  align-items:center;
  min-height:64px;
  padding:11px 12px;
  border:1px solid rgba(120,130,145,.16);
  border-radius:9px;
  background:rgba(255,255,255,.012);
  color:inherit!important;
  text-decoration:none!important;
}

.era-card:hover{
  border-color:rgba(120,166,255,.28);
  background:rgba(120,166,255,.035);
}

.era-copy{
  min-width:0;
}

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

.era-copy small{
  margin-bottom:4px;
  color:rgba(225,229,236,.40);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.era-copy strong{
  overflow:hidden;
  color:rgba(235,238,244,.88);
  font-size:12px;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.era-arrow{
  justify-self:end;
  color:rgba(225,229,236,.30);
  font-size:22px;
}

@media(max-width:720px){
  .era-grid{
    grid-template-columns:1fr;
  }
}