.tag-cloud{display:flex;flex-wrap:wrap;gap:.35em;padding:.5em .75em;border:1px solid var(--grey1);box-shadow:3px 3px 3px var(--grey1);background:var(--blue4);margin-bottom:1rem;margin-top:1rem}.tag-cloud-btn{display:inline-flex;align-items:center;gap:.25em;padding:.15em .5em;border:1px solid var(--grey1);border-radius:2px;color:var(--blue1);background:var(--grey5);font-size:70%;transition:opacity .1s,border-color .1s,background .1s}.tag-cloud-count{font-size:65%;color:var(--red2)}.tag-cloud-btn:hover .tag-cloud-count{color:var(--red4)}.tag-cloud-btn:hover{color:var(--green3);border:1px solid var(--grey2)}.tag-cloud-btn.active{background-color:var(--blue1);color:var(--grey5);border:1px solid var(--grey5)}.tag-cloud-btn.active .tag-cloud-count{color:var(--grey5)}.list-search{display:flex;align-items:center;gap:.5em;padding:.5em .75em;border:1px solid var(--grey1);box-shadow:3px 3px 3px var(--grey1);background:var(--red2);font-family:inherit;margin-bottom:1rem}.list-search-prompt{color:var(--grey5);flex-shrink:0;font-weight:700;font-size:90%}.list-search-input{font-size:90%;flex:1;background:0 0;border:none;outline:none;color:var(--grey5);caret-color:var(--cursor)}.list-search-count{font-size:80%;color:var(--grey5);flex-shrink:0}.article-list{list-style:none;padding:0;margin:0}.article-list li::marker{content:""}.article-item{display:flex;align-items:baseline;font-size:95%;color:var(--grey1);line-height:90%}.nf{font-family:code-op;word-spacing:.1ch}.article-marker{padding-left:1.5em;visibility:hidden}.article-item:has(.article-link:hover) .article-marker{visibility:visible}.article-link{display:flex;align-items:baseline;flex:1;padding:.35em .75em}.article-title{color:var(--grey2)}.article-reading-time{color:var(--blue2);width:4em}.article-date{color:var(--red2);width:5em}.article-link:hover{text-decoration:none}.article-link:hover .article-title{text-decoration:underline}.article-meta{font-size:90%;display:flex;flex-shrink:0;width:10em}.year-divider{padding:.85em .7em .3em;font-weight:700}.post-tags{display:flex;gap:.6em;padding-right:.5em;font-size:85%}.post-tag,a.post-tag{color:var(--blue2)}.post-tag::before{content:"#";color:var(--grey3);padding-right:.1ch}.post-tag:hover::before{text-decoration:underline var(--grey5)}