/* /c/{slug} — СТРІЧКА (редизайн). Токени --n-*. SHELL — shell.css. Пости — з posts-віджетів.
   Тут лише feed-обгортки: composer-нотатки, pinned, список, load-more, locked, empty. */

.community-feed { display: flex; flex-direction: column; gap: var(--n-s-4); }

.cf-postnote { padding: 8px var(--n-s-3); border-radius: var(--n-r-md); background: var(--n-accent-soft); color: var(--n-accent); font-size: 12.5px; font-weight: var(--n-w-med); }
.cf-postlock { padding: var(--n-s-3) var(--n-s-4); border-radius: var(--n-r-md); border: 1px dashed var(--n-line); background: var(--n-bg-sunk, var(--n-bg-soft)); color: var(--n-text-mute); font-size: var(--n-fs-sm); text-align: center; }

.cf-pinned { border: 1px solid var(--n-line); border-radius: var(--n-r-lg, 14px); background: var(--n-bg-sunk, var(--n-bg-soft)); padding: var(--n-s-3); }
.cf-pinned__head { margin-bottom: var(--n-s-2); }
.cf-pinned__title { margin: 0; font-family: var(--n-font-display, inherit); font-weight: var(--n-w-sem); font-size: 13.5px; color: var(--n-text-mute); text-transform: uppercase; letter-spacing: .04em; }
.cf-pinned__list { display: flex; flex-direction: column; gap: var(--n-s-3); }

.cf-feed__list { display: flex; flex-direction: column; gap: var(--n-s-4); }
.cf-empty { padding: var(--n-s-6) var(--n-s-4); text-align: center; color: var(--n-text-dim); font-size: var(--n-fs-sm); border: 1px dashed var(--n-line); border-radius: var(--n-r-md); }

.cf-feed__more { text-align: center; padding-top: var(--n-s-2); }
.cf-more-btn {
    display: inline-flex; align-items: center; min-height: 40px; padding: 0 var(--n-s-6);
    border: 1px solid var(--n-line-strong); border-radius: var(--n-r-pill); background: transparent;
    color: var(--n-text); text-decoration: none; font-weight: var(--n-w-med); font-size: var(--n-fs-sm);
    transition: background var(--n-dur-fast) var(--n-ease);
}
.cf-more-btn:hover { background: var(--n-bg-hover); }

.cf-locked { padding: var(--n-s-7, 48px) var(--n-s-4); text-align: center; }
.cf-locked__icon { font-size: 40px; margin-bottom: var(--n-s-3); }
.cf-locked__title { margin: 0 0 var(--n-s-2); font-family: var(--n-font-display, inherit); font-weight: var(--n-w-bold, 700); font-size: 20px; color: var(--n-text-strong, var(--n-text)); }
.cf-locked__msg { margin: 0; color: var(--n-text-mute); font-size: var(--n-fs-sm); }

@media (prefers-reduced-motion: reduce) { .cf-more-btn { transition: none; } }