.back-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  font-weight:700;
  color:var(--muted);
}
.back-btn:hover{color:var(--brand)}

.detail-hero{
  padding:20px;
}
.detail-header{
  display:flex;
  align-items:center;
  gap:16px;
}
.detail-avatar{
  width:56px; height:56px;
  border-radius:18px;
  background:var(--brandSoft);
  border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  font-size:24px;
  flex-shrink:0;
}
.detail-title h1{
  margin:0 0 4px;
  font-size:18px;
  letter-spacing:-.3px;
  color:var(--text);
}
.detail-title span{
  font-size:13px;
  color:var(--muted);
  font-weight:600;
}

.badge-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:14px;
}
.badge{
  display:inline-flex;
  align-items:center;
  padding:5px 12px;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--brandSoft);
  color:var(--brand);
  font-size:12px;
  font-weight:900;
}
.badge.lang{
  background:#fff5e6;
  border-color:#ffd8a0;
  color:#c07800;
}

.info-card{
  padding:6px 0;
}
.info-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:13px 18px;
  border-bottom:1px solid rgba(231,226,242,.6);
}
.info-row:last-child{
  border-bottom:none;
}
.info-label{
  font-size:12px;
  font-weight:900;
  color:var(--muted);
  min-width:60px;
  flex-shrink:0;
  padding-top:1px;
}
.info-value{
  font-size:13px;
  font-weight:600;
  color:var(--text);
  line-height:1.5;
}
.info-link{
  color:var(--brand);
}
.info-link:hover{
  text-decoration:underline;
}

.section-head h2{
  display:flex;
  align-items:center;
  gap:6px;
}
.section-head h2 .count{
  font-size:13px;
  font-weight:700;
  color:var(--muted);
}

.review-placeholder{
  padding:32px 20px;
  text-align:center;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}