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