.suggestion-list{display:grid;gap:2px;margin-top:20px}

.suggestion-card{
  align-items:start;
  border:0;
  border-top:1px solid var(--line-soft);
  border-radius:14px;
  display:grid;
  gap:14px;
  grid-template-columns:auto 1fr auto;
  padding:16px 10px;
  transition:background .3s var(--ease);
}
.suggestion-card:first-child{border-top:0}
.suggestion-card:hover{background:#fafafb}

.suggestion-card.reviewed{opacity:.55}
.suggestion-card.reviewed .item-icon{background:#f1f2f4;color:var(--muted)}

.suggestion-text{line-height:1.6;margin:6px 0 0;font-size:14px}

.suggestion-meta{
  color:var(--muted);
  font-family:"Geist Mono",ui-monospace,monospace;
  font-size:11px;
  font-weight:500;
  letter-spacing:.01em;
}

.participant.screenshot-warning{
  background:var(--red-soft);
  box-shadow:inset 0 0 0 1px rgba(168,53,63,.16);
}

.screenshot-badge{
  align-items:center;
  background:rgba(168,53,63,.09);
  border-radius:8px;
  color:var(--red);
  display:inline-flex;
  font-size:10.5px;
  font-weight:600;
  gap:5px;
  margin-top:6px;
  padding:5px 8px;
  white-space:normal;
}
.screenshot-badge svg{width:13px;height:13px;stroke-width:1.5;flex:none}

@media (max-width:650px){
  .suggestion-card{grid-template-columns:auto 1fr}
  .suggestion-card .saved-actions{grid-column:2}
}