.home-feed{background:var(--color-white);border-bottom:1px solid var(--color-divider)}
.home-feed__heading{display:flex;align-items:center;gap:9px;padding:12px var(--space-4);background:#f4f7fc;border-bottom:1px solid var(--color-divider)}
.home-feed__heading-icon{display:grid;place-items:center;width:26px;height:26px;color:var(--color-link)}
.home-feed__heading-icon svg{width:21px;height:21px}.home-feed__heading h2{margin:0;font-size:1.06rem;line-height:1.2}.home-feed__badge{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--color-black);color:var(--color-white);font-size:.78rem;font-weight:800}
.home-feed__loading,.home-feed__empty{padding:24px var(--space-4);text-align:center;color:var(--color-muted)}.home-feed__empty strong{display:block;color:var(--color-black);margin-bottom:5px}.home-feed__empty p{margin:0;line-height:1.45}
.feed-post{padding:14px var(--space-4);border-bottom:1px solid var(--color-divider);background:#fff}.feed-post__body{display:grid;color:inherit;text-decoration:none;cursor:pointer;grid-template-columns:112px minmax(0,1fr);gap:12px;min-height:112px}.feed-post__thumb{display:block;width:112px;height:112px;object-fit:cover;background:#f2f2f2}.feed-post__content{min-width:0;height:112px;display:flex;flex-direction:column}.feed-post__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;line-height:1.2}.feed-post__role{font-weight:850}.feed-post__role--com{color:var(--color-com)}.feed-post__role--pho{color:var(--color-pho)}.feed-post__id{color:var(--color-link);font-size:.86rem;font-weight:800;white-space:nowrap}.feed-post__preview{margin:0;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;overflow-wrap:anywhere;max-height:5.4em}.feed-post__advice-count{margin-top:auto;padding-top:5px;color:var(--color-muted);font-size:.83rem}.feed-post__advice-count strong{color:var(--color-black)}
.feed-post__reactions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.feed-reaction{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 8px;border:1px solid var(--color-divider);border-radius:var(--radius-small);background:#fff;color:#222;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}.feed-reaction strong{font-variant-numeric:tabular-nums}.feed-post--com .feed-reaction.is-selected{border-color:var(--color-com);color:var(--color-com);background:#fff4f6}.feed-post--pho .feed-reaction.is-selected{border-color:var(--color-pho);color:var(--color-pho);background:#fff3f8}.feed-reaction:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.feed-reaction:disabled{opacity:.55;cursor:wait}.feed-post__message{min-height:0;margin:6px 0 0;color:var(--color-danger);font-size:.82rem}.feed-post__message:empty{display:none}
.home-feed__more{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px var(--space-4);font-weight:800;border-top:0;text-decoration:none}.home-feed__more:focus-visible{outline:2px solid var(--color-link);outline-offset:-3px}
@media (max-width:720px){.home-feed__heading,.feed-post,.home-feed__loading,.home-feed__empty{padding-left:16px;padding-right:16px}}
@media (max-width:430px){.home-feed__heading,.feed-post,.home-feed__loading,.home-feed__empty{padding-left:14px;padding-right:14px}.feed-post__body{grid-template-columns:106px minmax(0,1fr);gap:10px;min-height:106px}.feed-post__thumb{width:106px;height:106px}.feed-post__content{height:106px}.feed-post__preview{-webkit-line-clamp:4;font-size:.95rem}.feed-reaction{font-size:.82rem}}
@media (max-width:390px){.home-feed__heading,.feed-post,.home-feed__loading,.home-feed__empty{padding-left:12px;padding-right:12px}.feed-post__body{grid-template-columns:100px minmax(0,1fr);gap:9px;min-height:100px}.feed-post__thumb{width:100px;height:100px}.feed-post__content{height:100px}.feed-post__preview{-webkit-line-clamp:3}.feed-post__advice-count{font-size:.78rem}.feed-post__reactions{gap:6px}.feed-reaction{min-height:36px;padding-inline:6px}}

.feed-post__body:focus-visible{outline:2px solid var(--color-link);outline-offset:3px;border-radius:var(--radius-small)}

/* Avatar source is 736x1288; thumbnail remains square. */
.feed-post__thumb[data-avatar-view]{cursor:zoom-in;object-fit:cover;object-position:center 22%}