/* /assets/css/magictalk-feed.css */

.mt-wrap{max-width:1200px;margin:0 auto;padding:18px}
.mt-grid{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}
@media (max-width: 980px){.mt-grid{grid-template-columns:1fr}}
.mt-side{position:sticky;top:14px}
@media (max-width: 980px){.mt-side{position:static}}

.mt-card{padding:14px}
.mt-card h1,.mt-card h2{margin:0 0 10px}
.mt-muted{opacity:.8}

.mt-hof-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.mt-hof-item{display:flex;gap:10px;align-items:center}
.mt-hof-avatar{width:34px;height:34px;border-radius:10px;overflow:hidden;flex:0 0 auto}
.mt-hof-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.mt-hof-main{min-width:0}
.mt-hof-name{font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-hof-sub{font-size:.9rem;opacity:.8;display:flex;gap:8px;flex-wrap:wrap}

.mt-feed{display:flex;flex-direction:column;gap:14px}
.mt-post{padding:14px}
.mt-post-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.mt-post-avatar{width:44px;height:44px;border-radius:14px;overflow:hidden;flex:0 0 auto}
.mt-post-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.mt-post-author{min-width:0}
.mt-post-author a{text-decoration:none}
.mt-post-name{font-weight:800;line-height:1.1}
.mt-post-handle{opacity:.75;font-size:.92rem}
.mt-post-meta{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mt-aud{font-size:.85rem;opacity:.85}

.mt-post-content{white-space:pre-wrap;line-height:1.55;margin-top:8px}
.mt-post-actions{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}
.mt-like-btn{display:inline-flex;gap:8px;align-items:center}
.mt-like-btn .heart{font-size:1.05rem}
.mt-like-btn.is-on .heart{filter:drop-shadow(0 2px 10px rgba(255,0,120,.25))}