.article-preview{padding-block:.5em;padding-inline:.5em;font-size:.95em;&>p{margin-block:0;margin-inline-start:.3em;font-size:.9em;line-height:1.4}&>.title{margin-block:0 .3em}&>.date{float:right;color:#404040;margin-top:.25em;font-size:small}&>.content{height:3lh;overflow:hidden}}html[data-theme=dark]{& .article-preview{background-color:#080808;&>.date{color:#bfbfbf}}}hr.article-preview-hr{border:none;border-top:1.5px dashed}