/* «Что пишут в ленте» в карточке заведения на главной. */
.sfx-list { display: grid; border-top: 1px solid var(--rule); }
.sfx-post { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 14px 0; border-bottom: 1px solid var(--rule); text-decoration: none; transition: background .3s; }
.sfx-post:hover { background: color-mix(in srgb, var(--brass) 6%, transparent); }
.sfx-ava { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; display: grid; place-items: center; background: linear-gradient(135deg, var(--brass-hi), var(--brass)); color: #14161A; font: 500 16px/1 var(--serif); border: 1px solid var(--rule); }
.sfx-body { display: grid; gap: 3px; min-width: 0; }
.sfx-meta { font-size: 12px; color: var(--mute); }
.sfx-meta b { color: var(--ink); font-weight: 600; }
.sfx-meta i { font-style: normal; color: var(--brass); }
.sfx-text { font: 400 16px/1.4 var(--serif); color: var(--ink-2); overflow-wrap: anywhere; }
.sfx-ph { width: 56px; height: 56px; object-fit: cover; border: 1px solid var(--rule); }
.sfx-all { justify-self: start; margin-top: 14px; font-size: 13px; text-decoration: none; border-bottom: 1px solid var(--brass); padding-bottom: 2px; }
.sfx-empty { margin: 14px 0 0; font: italic 400 17px var(--serif); color: var(--mute); }
.sfx-empty a { font: 400 13px var(--sans); font-style: normal; color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--brass); margin-left: 4px; }