.lecteur-container{
  max-width:1200px;
  width:100%;
  margin:0 auto 24px;
  background-color:#1F1F1F !important;
  border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.25);
  padding:20px;
  color:#fff;
}

.changelog-intro{
  text-align:center;
}

.changelog-intro h1{
  margin:0 0 8px;
  color:#FF8802;
}

.changelog-intro p{
  margin:0;
  opacity:.9;
}

.changelog-month h2{
  margin:0 0 18px;
  text-align:center;
  color:#FF8802;
}

.changelog-entry{
  background:#1A1A1A;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  padding:16px;
  margin-bottom:18px;
}

.changelog-entry:last-child{
  margin-bottom:0;
}

.changelog-entry h3{
  margin:0 0 14px;
  text-align:center;
  color:#fff;
}

.changelog-section{
  margin-top:14px;
}

.changelog-section h4{
  margin:0 0 8px;
  color:#FF8802;
}

.changelog-section ul{
  list-style:none;
  margin:0;
  padding:0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  overflow:hidden;
}

.changelog-section li{
  padding:8px 10px;
  line-height:1.4;
}

.changelog-section li:nth-child(even){
  background:rgba(255,255,255,.035);
}

.changelog-empty{
  margin:0;
  text-align:center;
  opacity:.9;
}

@media (max-width:700px){
  .lecteur-container{
    padding:14px;
  }

  .changelog-entry{
    padding:12px;
  }

  .changelog-entry h3{
    font-size:18px;
  }
}

.changelog-sublist{
  margin:6px 0 0 18px !important;
  padding:0 !important;
  border:none !important;
  list-style:disc !important;
}

.changelog-sublist li{
  padding:2px 0 !important;
  background:transparent !important;
}