/* Oryzenx — news feed & article */
.post-feed { display: grid; gap: .8rem; max-width: 760px; margin: 0 auto; }
.post-card { padding: 1rem 1rem .85rem; border-radius: calc(var(--radius) + 4px); box-shadow: var(--shadow); }
.post-author { display: flex; align-items: center; gap: .55rem; margin-bottom: .7rem; min-width: 0; }
.post-author strong { font-size: .98rem; }
.brand-avatar { width: 40px; height: 40px; border-radius: 50%; flex: none; object-fit: cover; box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px var(--primary-light); }
.brand-avatar.brand-mark { border-radius: 50%; padding-bottom: 11px; gap: 2.5px; }
.brand-avatar.brand-mark i { width: 3.5px; }
.admin-pill { display: inline-flex; align-items: center; gap: .3rem; height: 26px; padding: 0 .7rem; border-radius: 999px; background: var(--primary); color: #fff; font-size: .78rem; font-weight: 700; flex: none; }
.post-title { font-size: 1.13rem; font-weight: 800; line-height: 1.35; margin: 0 0 .45rem; letter-spacing: -.01em; }
.post-title a { color: var(--text); }
.post-title a:hover { color: var(--primary); }
.post-title-lg { font-size: clamp(1.2rem, 1.1rem + .6vw, 1.5rem); }
.post-media { display: block; margin: .2rem 0 .6rem; border-radius: var(--radius-sm); overflow: hidden; background: var(--surface-soft); }
.post-media img { width: 100%; aspect-ratio: 1200 / 630; object-fit: cover; }
.post-excerpt { white-space: pre-line; font-size: .95rem; line-height: 1.65; color: var(--text); margin: 0 0 .4rem;
  display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.post-body { margin-bottom: .4rem; }
.read-more { display: inline-flex; align-items: center; gap: .35rem; font-weight: 700; font-size: .93rem; }
.read-more i { transition: transform var(--t-fast); }
.read-more:hover i { transform: translateX(3px); }
.post-actions { display: flex; align-items: center; gap: .5rem; margin-top: .75rem; flex-wrap: wrap; }
.like-btn, .share-pill { display: inline-flex; align-items: center; gap: .45rem; height: 38px; padding: 0 1rem; border-radius: 999px; border: 0; font-weight: 700; font-size: .9rem; transition: transform var(--t-fast), background var(--t-fast); }
.like-btn { background: color-mix(in srgb, #ef4444 12%, transparent); color: #ef4444; }
.like-btn.liked { background: #ef4444; color: #fff; box-shadow: 0 4px 12px rgba(239, 68, 68, .3); }
.like-btn:active, .share-pill:active { transform: scale(.95); }
.like-btn.pop i { animation: heartPop .45s var(--ease); }
@keyframes heartPop { 0% { transform: scale(1); } 40% { transform: scale(1.45); } 100% { transform: scale(1); } }
.share-pill { background: var(--surface-soft); color: var(--text); }
.share-pill:hover { background: var(--primary-light); color: var(--primary); }
.post-date { margin-left: auto; font-size: .8rem; color: var(--text-muted); white-space: nowrap; }
@media (max-width: 380px) { .post-date { margin-left: 0; width: 100%; } }
.post-emoji { width: 26px; height: 26px; border-radius: 8px; background: var(--surface-soft); display: grid; place-items: center; font-size: .9rem; flex: none; }
@media (min-width: 720px) { .post-card { padding: 1.25rem 1.4rem 1rem; } }