.feed { list-style:none; margin:0; padding:0; }
.feed li { display:grid; grid-template-columns:56px 1fr; gap:55px; padding:12px 16px; }
.feed li + li { border-top:1px solid rgba(0,0,0,.08); }

.feed .avatar-wrap { position:relative; width:101px; }
.feed .avatar { width:100px; height:100px; border-radius:9999px; object-fit:cover; display:block; margin:0 auto; box-shadow:0 0 0 2px rgba(0,0,0,.06); border: 2px solid var(--accent)}
/* вертикальная линия от аватара к следующему посту */
.feed li:not(:last-child) .avatar-wrap::after {
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  top:100px; bottom:-12px; width:2px; background:linear-gradient(#e8e8e8,#eeeeee);
}

.post-card header { font-size:.95rem; line-height:1.2; margin-bottom:4px; color:#444; }
.post-card header a { color:inherit; text-decoration:none; }
.post-card header a:hover { text-decoration:underline; }
.post-card .userline { display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.post-card .userline .handle { color:#888; }
.post-card .body { white-space:pre-wrap; word-wrap:break-word; margin:6px 0 8px; }
.post-card .meta { display:flex; gap:12px; color:#666; font-size:.9rem; }
.post-card .actions { display:flex; gap:12px; margin-top:6px; }
.post-card .actions button { border:0; background:transparent; padding:4px 6px; cursor:pointer; color:#555; }
.post-card .actions button:hover { background:rgba(0,0,0,.05); border-radius:6px; }
.badge { font-size:.8rem; padding:2px 6px; border-radius:9999px; background:rgba(0,128,255,.08); color:#0867c7; }

.feed-more { display:block; margin:8px auto 24px; padding:8px 14px; border:1px solid #ddd; border-radius:8px; background:#fff; cursor:pointer; }
.feed-more:hover { background:#f7f7f7; }

.feed li .post-card .body { font-size: 17px !important; }

code {
font-size: 16px !important;
}