.post-list{display:flex; flex-direction:column; padding-bottom:60px;}
.post-entry{
  display:grid; grid-template-columns:110px 1fr; gap:22px;
  padding:22px 0; border-bottom:1px solid var(--line); cursor:pointer;
}
.post-entry:hover h3{color:var(--cyan);}
.post-entry .date{font-family:'IBM Plex Mono'; font-size:12px; color:var(--text-faint); padding-top:2px;}
.post-entry h3{font-size:16.5px; font-weight:600; transition:color .15s ease;}
.post-entry p{font-size:13.5px; color:var(--text-dim); margin-top:6px;}
.post-entry .tag{font-family:'IBM Plex Mono'; font-size:10.5px; color:var(--pink); margin-top:8px; display:inline-block;}

.post-detail{display:none; padding:40px 0 60px; max-width:70ch;}
.post-detail.active{display:block; animation:fadeIn .3s ease both;}
.post-detail .date{font-family:'IBM Plex Mono'; font-size:12px; color:var(--text-faint);}
.post-detail h2{font-size:26px; margin-top:10px;}
.post-detail .content{margin-top:20px; color:var(--text-dim); font-size:15px;}
.post-detail .content p{margin-bottom:14px;}