.article h4{transition:color .2s}.article.is-unread h4{color:var(--ink)}.article.is-unread h4:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin:0 10px 3px 0}.article.is-read h4{color:#8f8980}.article.is-read .num,.article.is-read p,.article.is-read .meta{opacity:.65}
.history-nav{justify-self:end;display:flex;align-items:center;border:1px solid var(--ink)}.history-nav button{width:34px;height:34px;border:0;background:transparent;cursor:pointer}.history-nav button:disabled{opacity:.2;cursor:not-allowed}.history-nav span{min-width:116px;text-align:center;font-size:10px;border-left:1px solid var(--line);border-right:1px solid var(--line);line-height:34px}