/* Article description: calculator-inspired soft fade, without a toggle button. */
.article-show .article-description-box{
  position:relative;
  overflow:hidden;
  padding:17px 19px!important;
  border:1px solid #d7e6df!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fbfdfc 0%,#f6faf8 100%)!important;
  box-shadow:0 10px 28px rgba(22,66,47,.045);
  cursor:pointer;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.article-show .article-description-box:hover{border-color:#add5c1!important;box-shadow:0 12px 30px rgba(22,66,47,.075)}
.article-show .article-description-box:focus-visible{outline:3px solid rgba(0,139,87,.2);outline-offset:3px}
.article-show .article-description-box::after{
  content:"";
  position:absolute;
  z-index:1;
  inset-inline:0;
  bottom:0;
  height:64px;
  background:linear-gradient(180deg,rgba(247,251,249,0),rgba(247,251,249,.97) 82%);
  pointer-events:none;
}
.article-show .article-description-box .article-description{
  position:relative;
  z-index:0;
  display:block!important;
  max-height:128px!important;
  overflow:hidden!important;
  color:#465b52!important;
  transition:max-height .42s ease;
}
.article-show .article-description-box.is-expanded{cursor:zoom-out}
.article-show .article-description-box.is-expanded::after,
.article-show .article-description-box.is-not-collapsible::after{display:none!important}
.article-show .article-description-box.is-expanded .article-description{max-height:5000px!important;overflow:visible!important}
.article-show .article-description-box.is-not-collapsible{cursor:default}
html[data-theme="dark"] .article-show .article-description-box,
body.dark-mode .article-show .article-description-box{
  border-color:#30463c!important;
  background:linear-gradient(180deg,#15231d,#111c17)!important;
  box-shadow:none;
}
html[data-theme="dark"] .article-show .article-description-box::after,
body.dark-mode .article-show .article-description-box::after{
  background:linear-gradient(180deg,rgba(17,28,23,0),rgba(17,28,23,.97) 82%);
}
html[data-theme="dark"] .article-show .article-description-box .article-description,
body.dark-mode .article-show .article-description-box .article-description{
  color:#b8c8c0!important;
}
@media(max-width:575.98px){
  .article-show .article-description-box{
    padding:14px 15px!important;
    border-radius:15px!important;
  }
  .article-show .article-description-box::after{height:58px}
  .article-show .article-description-box .article-description{max-height:116px!important}
}