.posts{max-width:700px;margin:0 auto;padding:0 1rem}.posts h1{margin-bottom:2rem}.posts__loading,.posts__error,.posts__empty{text-align:center;color:var(--color-text);padding:2rem}.posts__list{flex-direction:column;gap:1rem;display:flex}.posts__card{border:1px solid var(--color-border);color:inherit;border-radius:.5rem;padding:1.25rem;text-decoration:none;transition:border-color .2s,background-color .2s;display:block}.posts__card:hover{background-color:#00bd7e0d;border-color:#00bd7e80}.posts__card-title{margin-bottom:.25rem;font-size:1.25rem}.posts__card-date{color:var(--color-text);opacity:.7;margin-bottom:.5rem;font-size:.85rem}.posts__card-excerpt{opacity:.85;font-size:.95rem;line-height:1.5}