.cssr-wrap{
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
}

.cssr-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.cssr-card{
  display:flex;
  gap:18px;
  background:#fff;
  border:1px solid #e6e8ef;
  border-radius:14px;
  padding:18px 18px;
  box-shadow: 0 8px 18px rgba(0,0,0,.04);
}
.cssr-left{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width: 150px;
}
.cssr-avatar{
  width:56px;height:56px;
  border-radius:50%;
  background:#f3f6ff;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #e6e8ef;
}
.cssr-initials{
  font-weight:700;
  color:#3b4a6b;
}
.cssr-meta{
  padding-top:4px;
}
.cssr-stars{
  line-height:1;
  font-size:16px;
  letter-spacing:1px;
}
.cssr-star{
  color:#d6d9e3;
}
.cssr-star.is-on{
  color:#f5b400;
}
.cssr-date{
  margin-top:6px;
  font-size:12px;
  color:#7c869d;
}
.cssr-right{
  flex:1;
  min-width:0;
}
.cssr-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.cssr-name{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:18px;
  font-weight:700;
  color:#1f2a44;
}
.cssr-verified .dashicons{
  font-size:18px;
  width:18px;height:18px;
  color:#2c7be5;
  vertical-align:middle;
}
.cssr-comment{
  margin-top:10px;
  font-size:15px;
  line-height:1.55;
  color:#26324b;
  white-space:pre-wrap;
  word-wrap:break-word;
}
.cssr-controls{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:12px;
}
.cssr-btn{
  border:1px solid #dfe3ee;
  background:#fff;
  border-radius:10px;
  padding:8px 14px;
  cursor:pointer;
  font-size:18px;
  line-height:1;
}
.cssr-btn:focus{
  outline:2px solid rgba(44,123,229,.35);
  outline-offset:2px;
}
@media (max-width: 640px){
  .cssr-card{ padding:16px; }
  .cssr-left{ min-width: 120px; }
  .cssr-avatar{ width:48px;height:48px; }
  .cssr-name{ font-size:16px; }
  .cssr-comment{ font-size:14px; }
}
@media (max-width: 460px){
  .cssr-card{
    flex-direction:column;
    gap:12px;
  }
  .cssr-left{
    min-width:0;
    align-items:center;
  }
  .cssr-meta{
    display:flex;
    align-items:center;
    gap:10px;
    padding-top:0;
  }
  .cssr-date{ margin-top:0; }
}