.posts{grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(max(300px,50% - .5rem),1fr));display:grid}.post-card{grid-template-rows:auto 1fr auto;gap:1rem;padding:8px;display:grid}.post-card h2{margin-top:0;margin-bottom:0}.post-card .title-text{margin-top:1rem}.post-metadata{flex-wrap:wrap;gap:1rem 2rem;margin:0;padding:0;list-style:none;display:flex}.post-metadata .tag,.post-metadata .serie{border:1px solid var(--border-color);background-color:var(--bg-color-secondary);white-space:nowrap;border-radius:4px;padding:0 .25rem;transition:background-color .3s,border-color .3s}.post-metadata svg.icon{margin-right:.25rem}.pagination{margin-top:1rem}.pagination ul{justify-content:space-between;max-width:25rem;margin:0 auto;padding:0;list-style-type:none;display:flex}.pagination li{flex-grow:1;max-width:3rem;display:inline-block}.pagination li a,.pagination li span{text-align:center;border:1px solid var(--border-color);color:var(--text-color);padding:10px 0;font-weight:700;text-decoration:none;transition:color .3s,box-shadow .3s;display:block}.pagination li a{cursor:pointer;background-color:var(--bg-color-secondary);box-shadow:0 2px 4px var(--shadow-color)}.pagination li span{background-color:var(--bg-color)}.pagination li:hover a{color:var(--link-color-hover);box-shadow:0 2px 4px 2px var(--shadow-color);text-decoration:none}.pagination li.active a{color:var(--link-color)}