/* GIRO E PONTO — assets/css/cartao.css
   O post do feed num lugar só (spec 2026-10-20_feed-formato-post): sem caixa, avatar, texto, mídia arredondada,
   ações leves e divisor fino. Usado por Início, Explorar, Comunidade, Histórico, Tag e Perfil (carregado por uiAssets()).
   Só variáveis de tokens.css; vale nos dois temas. As regras de .fc-* que não são do cartão (folha de ajustes, ⋯) ficam em shell.css. */

.feed-card{ background:none; border:0; border-bottom:1px solid var(--line-2); border-radius:0; padding:14px 0 2px; margin:0; position:relative }
/* o cartão inteiro abre o post (shell.js); a hora é o link para quem usa teclado em post sem título */
.feed-card[data-href]{ cursor:pointer }
a.feed-time{ text-decoration:none }
a.feed-time:hover{ text-decoration:underline }
@media (hover:hover) and (min-width:768px){
  .feed-card{ transition:background .15s }
  .feed-card:hover{ background:var(--w-03) }
}

/* linha do autor */
.fc-autor{ display:flex; align-items:flex-start; gap:10px; margin-bottom:8px }
.fc-av{ width:40px; height:40px }
.fc-nome{ font-size:15px; font-weight:700; line-height:1.3 }
.fc-handle{ font-size:14px; color:var(--tx-3) }
.fc-cargo{ font-size:13px; color:var(--tx-3); margin-top:1px }
.feed-dot{ width:3px; height:3px; border-radius:50%; background:var(--tx-3); flex-shrink:0 }
.feed-time{ font-size:14px; color:var(--tx-3) }
.feed-pin{ font-size:11px; font-weight:700; color:var(--tx-2); border:1px solid var(--line-2); padding:1px 8px; border-radius:999px }
.feed-descoberta{ font-size:13px; font-weight:600; color:var(--tx-3) }
.feed-src{ font-size:15px; font-weight:700; color:var(--tx-1) }
.fc-mais{ color:var(--tx-3) }

/* título e texto: título primeiro, depois o texto (no máximo 6 linhas) */
.feed-title{ display:block; font-family:var(--f-ui); font-size:17px; font-weight:700; line-height:1.3; color:var(--tx-1); margin:0 0 6px; overflow-wrap:anywhere }
.fc-noticia .feed-title, .fc-pessoa .feed-title{ font-size:17px; line-height:1.3; margin:0 0 6px; display:block; -webkit-line-clamp:unset; overflow:visible }
.feed-body{ font-size:15px; line-height:1.45; color:var(--tx-body); margin:0 0 10px; overflow-wrap:anywhere;
  display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; white-space:pre-line }
.fc-pessoa .feed-body{ font-size:15px; color:var(--tx-body) }
.feed-mais{ display:inline-block; margin:-4px 0 10px; font-size:14px; font-weight:600; color:var(--tx-2); text-decoration:underline; text-underline-offset:3px }

/* mídia 16:10, cantos de 16 px, borda fina; a imagem inteira aparece no post aberto */
.feed-img-wrap, .fc-pessoa .feed-img-wrap{ display:block; aspect-ratio:16/10; max-height:none; border-radius:16px; border:1px solid var(--line-2); overflow:hidden; background:var(--float); margin:0 0 10px }
.feed-img{ width:100%; height:100%; max-height:none; object-fit:cover; display:block }

/* tags: texto, sem caixa */
.feed-tags{ display:flex; flex-wrap:wrap; gap:2px 12px; margin:0 0 4px }
.feed-pill{ font-size:13px; font-weight:500; color:var(--tx-3); padding:0; border:0; border-radius:0; background:none }
.feed-pill:hover{ color:var(--tx-1); text-decoration:underline; border:0 }

/* ações: espalhadas, sem linha em cima, alvo de 44 px */
.feed-acts{ display:flex; align-items:center; justify-content:space-between; max-width:380px; gap:0; padding:0; border:0; margin:0 -10px 0 -10px }
.feed-act{ display:inline-flex; align-items:center; gap:6px; min-width:44px; height:44px; padding:0 10px; border-radius:999px; font-size:13px; font-weight:500; color:var(--tx-3); border:0; background:none; cursor:pointer }
.feed-act svg{ width:18px; height:18px }
.feed-act::after{ content:none }
.feed-act:hover{ background:var(--hover); color:var(--tx-1) }
.feed-act:focus-visible{ outline:2px solid var(--tx-1); outline-offset:-2px }
.feed-act.on{ color:var(--tx-1) }
.feed-act.save.on{ color:var(--tx-1) }
.feed-act.save.on svg{ fill:currentColor }

@media (prefers-reduced-motion:reduce){ .feed-card{ transition:none } }