/* Capa Comunidad: solo recomendaciones, avisos y comentarios. No modifica resultados. */
#recommendationsApp .narrow{width:min(900px,100%);margin:14px auto 22px}
.recCard{margin-top:24px;margin-bottom:16px}
.recHead h2{font-size:clamp(22px,6vw,31px);line-height:1.08;overflow-wrap:anywhere}
.communityMessage{margin-top:16px;padding:18px;border-radius:18px;border:1px solid #d9ad4538;background:linear-gradient(145deg,#171015,#100c10);box-shadow:0 12px 30px #0003}
.communityMessage h3{margin:0 0 10px;color:#f0cf79;font-size:21px;line-height:1.25}
.communityMessage p{margin:0;white-space:pre-line;line-height:1.62;color:#fff7ea}
.communityMessage .updateDate{display:block;margin-top:12px;color:#d9ad45;font-size:13px;font-weight:800}
.communityMessages{display:grid;gap:12px}
.commentsPanel{margin-top:16px;padding:18px;border-radius:18px;border:1px solid #d9ad4530;background:#120d12}
.commentsPanel>h3{margin:0 0 12px;font-size:22px}
.commentReacts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.commentReacts button{border:1px solid #ffffff18;background:#0c0a0d;color:#fff;border-radius:999px;padding:6px 9px;cursor:pointer}
.vipCommentBadge{display:inline-flex;align-items:center;border:1px solid #d9ad4560;background:#d9ad4515;color:#f0cf79;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:900;letter-spacing:.06em}
.officialCommentBadge{display:inline-flex;align-items:center;color:#f0cf79;font-size:11px;font-weight:800}
.recReactsWrap{margin-top:15px;padding-top:14px;border-top:1px solid #ffffff12}
.recReactsLabel{display:block;color:#bdb4bb;font-size:13px;margin-bottom:8px}
@media(max-width:620px){
  #recommendationsApp{padding-top:1px}
  #recommendationsApp .narrow{margin-top:4px}
  .recCard{margin-top:10px;padding:17px}
  .recHead{gap:8px}
  .recHead h2{font-size:clamp(21px,7vw,27px)}
  .recHead>span{font-size:13px;white-space:nowrap}
  .communityMessage,.commentsPanel{padding:15px}
}
