.articles{width:100%;padding-left:1em;display:flex;flex-direction:column}.articles .article{width:100%;margin-bottom:.5em;display:flex;flex-direction:column;border-bottom:1px solid var(--gray)}.articles .article .article-header{display:flex}.articles .article .article-header div{margin-right:.5em}.articles .article .article-header .date{display:flex;align-items:baseline;color:var(--ash);font-size:var(--font-note)}.articles .article .article-header .date .icon{height:15px;margin-right:2px}.articles .article .tags{display:flex}.articles .article .tags .tag{display:flex;align-items:baseline;color:var(--ash);font-size:var(--font-note);margin-right:.5em}.articles .article .tags .tag .icon{height:15px;margin-right:2px}