/* Review kiểu OtaHub (docs/QUY-CHUAN-REVIEW.md, mục "Giọng review"). Chỉ bài review viết theo chuẩn mới nạp file này. */

/* Luận điểm ngay đầu bài */
.rv-thesis{font-family:var(--fd);font-size:22px;line-height:1.45;font-weight:700;color:var(--white);border-left:4px solid var(--amber);padding:4px 0 4px 18px;margin:8px 0 28px}
.rv-thesis small{display:block;font-family:var(--fb);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:8px}

/* Điểm tiêu chí ở cuối mỗi mục */
.rv-crit{display:grid;grid-template-columns:auto 1fr auto;gap:6px 14px;align-items:center;background:rgba(251,191,36,.06);border:1px solid rgba(251,191,36,.22);border-radius:10px;padding:12px 16px;margin:18px 0 34px!important;font-size:14.5px!important;line-height:1.6!important}
.rv-crit-name{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.rv-crit-why{color:var(--dim)}
.rv-crit-score{font-family:var(--fd);font-weight:800;font-size:24px;color:var(--white);line-height:1}
.rv-crit-score::after{content:'/10';font-size:12px;font-weight:600;color:var(--muted);margin-left:2px}

/* Khoảnh khắc đáng nhớ */
.rv-moment{position:relative;background:linear-gradient(135deg,rgba(168,85,247,.10),rgba(0,242,255,.04));border:1px solid rgba(168,85,247,.28);border-radius:12px;padding:22px 24px 20px;margin:30px 0}
.rv-moment-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#c4b5fd;margin-bottom:8px}
.rv-moment h3{margin:0 0 10px!important;font-size:20px!important}
.rv-moment p{margin:0 0 12px!important}
.rv-moment p:last-child{margin-bottom:0!important}
.rv-moment .rv-spoil{font-size:12px;color:var(--muted);font-style:italic}

/* Góc người Việt */
.rv-vn{background:var(--surf);border:1px solid var(--border);border-top:3px solid #4ade80;border-radius:10px;padding:18px 22px;margin:20px 0 30px}
.rv-vn dl{display:grid;grid-template-columns:150px 1fr;gap:10px 18px;margin:0}
.rv-vn dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4ade80;padding-top:3px}
.rv-vn dd{margin:0;font-size:15px;line-height:1.65;color:var(--dim)}

/* OtaHub so với giới phê bình */
.rv-diff{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:18px 0 22px}
.rv-diff div{background:var(--surf);border:1px solid var(--border);border-radius:10px;padding:12px 14px;text-align:center}
.rv-diff b{display:block;font-family:var(--fd);font-size:22px;color:var(--white);line-height:1.1}
.rv-diff span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.rv-diff .rv-us{border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.07)}
.rv-diff .rv-us b{color:var(--amber)}

/* Ghi chép trải nghiệm của người viết thật (chỉ khi có) */
.rv-player{background:rgba(0,242,255,.04);border:1px dashed rgba(0,242,255,.35);border-radius:12px;padding:18px 22px;margin:26px 0}
.rv-player-head{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px}

@media(max-width:640px){
  .rv-thesis{font-size:19px;padding-left:14px}
  .rv-crit{grid-template-columns:1fr auto;padding:12px 14px}
  .rv-crit-why{grid-column:1/-1}
  .rv-vn dl{grid-template-columns:1fr;gap:2px}
  .rv-vn dd{margin-bottom:10px}
  .rv-moment{padding:18px 16px}
}

/* Khuyến nghị cuối bài (điểm và khuyến nghị chỉ xuất hiện ở cuối, không lộ ở đầu bài) */
.rv-rec{display:inline-block;margin:-14px 0 32px!important;padding:10px 18px;border-radius:999px;background:rgba(74,222,128,.10);border:1px solid rgba(74,222,128,.35);color:var(--dim);font-size:15px!important}
.rv-rec strong{color:#4ade80}

/* Lý do từng điểm tiêu chí (chỉ ở cuối bài) */
.rv-reasons{list-style:none;margin:-14px 0 26px!important;padding:6px 22px 14px!important;background:var(--surf);border:1px solid var(--border);border-top:0}
.rv-reasons li{display:grid;grid-template-columns:230px 1fr;gap:4px 16px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06);margin:0!important;font-size:14.5px;line-height:1.6;color:var(--dim)}
.rv-reasons li:first-child{border-top:0}
.rv-reasons b{color:var(--white);font-weight:700}
@media(max-width:640px){.rv-reasons{padding:4px 14px 10px!important}.rv-reasons li{grid-template-columns:1fr}}
.rv-reasons li::before{display:none!important;content:none!important}
.rv-reasons li span{text-align:left}
.rv-reasons li{padding-left:0!important;text-align:left}