/**
 * Comunidade — engajamento editorial e foco de imagem no mobile.
 * Rotas: /comunidade/ e itens salvos da Timeline.
 * Objetivo: manter métricas, ações e composição de comentário na mesma régua
 * editorial, com dados alinhados à direita e mais área útil para a mensagem;
 * preservar o foco da imagem ampliada sem alcançar Espaços, diretórios ou desktop.
 */
@media (max-width: 767px) {
  body.cc-shell--portal
    .conecta-app.conecta-community-view.conecta-community-linkedin.conecta-community-timeline-view
    .conecta-social-post-card
    .conecta-community-engagement {
    /* Uma régua comum para métricas, ações e campo de comentário elimina
       o recuo duplicado no rodapé do post. A coluna central continua maior
       para preservar a leitura de “Compartilhar”. */
    --cc-community-actions-grid: minmax(0, 1fr) minmax(0, 1.38fr) minmax(0, 1fr);
    --cc-community-actions-gap: 12px;
    --cc-community-actions-inline-padding: 0px;
    --cc-community-stats-inline-padding: 0px;
    --cc-community-stats-justify: flex-end;
    --cc-community-stats-gap: 16px;
    --cc-community-stat-comments-margin-inline-start: 0px;
    --cc-community-comment-form-inline-padding: 0px;
    --cc-community-comment-form-grid: minmax(0, 1fr) 48px;
    --cc-community-comment-form-gap: 12px;
  }

  body.cc-shell--portal
    .conecta-app.conecta-community-view.conecta-community-linkedin.conecta-community-timeline-view
    .conecta-community-lightbox__backdrop {
    /* 18px → 14.4px e opacidade 0.83 → 0.66: cerca de 20% menos peso
       visual, mantendo a imagem ampliada como ponto de foco. */
    --cc-community-lightbox-backdrop: rgba(10, 18, 13, .66);
    --cc-community-lightbox-backdrop-filter: blur(14.4px) saturate(.88);
  }
}