@charset "utf-8";
/* ===== 플레이바둑 후기 ===== */
.pb-rv-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin:-6px 0 24px; }
.pb-rv-head p{ color:var(--pb-text-sub); }
.pb-rv-hero{ background:linear-gradient(120deg,#EAF1FD,#F4F8FF); border-radius:20px; padding:34px 40px; display:flex; justify-content:space-between; align-items:center; gap:30px; margin-bottom:30px; }
.pb-rv-hero .kicker{ color:var(--pb-primary); font-weight:800; letter-spacing:1px; font-size:13px; }
.pb-rv-hero h2{ font-size:26px; font-weight:900; color:var(--pb-navy); margin:10px 0; }
.pb-rv-hero p{ color:var(--pb-text-sub); font-size:15px; }
.pb-rv-stats{ display:flex; gap:18px; flex-shrink:0; }
.pb-rv-stat{ width:110px; height:110px; border-radius:50%; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:var(--pb-shadow); }
.pb-rv-stat b{ font-size:28px; font-weight:900; }
.pb-rv-stat.blue b{ color:var(--pb-primary); } .pb-rv-stat.green b{ color:#22C55E; }
.pb-rv-stat span{ font-size:12px; color:var(--pb-text-sub); margin-top:2px; }

.pb-rv-bar{ display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.pb-rv-bar h3{ font-size:20px; font-weight:800; color:var(--pb-navy); }
.pb-rv-sort{ display:flex; gap:8px; }
.pb-rv-sort a{ padding:8px 16px; border-radius:999px; font-size:14px; font-weight:600; color:var(--pb-text-sub); border:1px solid var(--pb-line); }
.pb-rv-sort a.on{ background:var(--pb-primary); color:#fff; border-color:var(--pb-primary); }

.pb-rv-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.pb-rv-card{ background:#fff; border:1px solid var(--pb-line); border-radius:18px; overflow:hidden; box-shadow:var(--pb-shadow); }
.pb-rv-card__photo{ height:150px; background:linear-gradient(135deg,#dfe9fb,#eef3fb); display:flex; align-items:center; justify-content:center; font-size:42px; }
.pb-rv-card__body{ padding:22px 24px; }
.pb-rv-card__stars{ color:var(--pb-yellow); font-size:16px; letter-spacing:2px; }
.pb-rv-card__title{ font-size:17px; font-weight:800; color:var(--pb-navy); margin:10px 0; }
.pb-rv-card__text{ font-size:14px; color:var(--pb-text-sub); line-height:1.7; min-height:66px; }
.pb-rv-card__who{ margin-top:14px; padding-top:14px; border-top:1px solid var(--pb-line); display:flex; justify-content:space-between; align-items:center; font-size:13px; }
.pb-rv-card__who b{ color:var(--pb-navy); }
.pb-rv-card__who .tag{ background:var(--pb-primary-soft); color:var(--pb-primary); padding:4px 10px; border-radius:999px; font-weight:700; }
.pb-rv-cta{ margin-top:28px; background:#FDECEF; border-radius:16px; padding:24px 30px; display:flex; justify-content:space-between; align-items:center; }
.pb-rv-cta p{ color:var(--pb-navy); font-weight:600; }

/* 후기 작성 */
.pb-rvw-grid{ display:grid; grid-template-columns:1.6fr 1fr; gap:24px; align-items:start; }
.pb-stars-pick{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--pb-line); border-radius:10px; padding:12px 16px; }
.pb-stars-pick .st{ font-size:24px; color:#D8DEE8; cursor:pointer; }
.pb-stars-pick .st.on{ color:var(--pb-yellow); }
.pb-stars-pick span{ font-size:13px; color:var(--pb-text-mute); margin-left:6px; }
.pb-chip-row{ display:flex; gap:8px; flex-wrap:wrap; }
.pb-chip{ padding:9px 16px; border:1px solid var(--pb-line); border-radius:999px; font-size:14px; cursor:pointer; color:var(--pb-text-sub); }
.pb-chip.on{ background:var(--pb-primary-soft); border-color:var(--pb-primary); color:var(--pb-primary); font-weight:700; }
.pb-upload{ border:2px dashed var(--pb-line); border-radius:12px; padding:24px; display:flex; align-items:center; gap:12px; color:var(--pb-text-sub); cursor:pointer; }
.pb-upload i{ font-size:20px; color:var(--pb-primary); }
.pb-guide-side{ background:var(--pb-primary-soft); border-radius:16px; padding:28px; }
.pb-guide-side .kicker{ color:var(--pb-primary); font-weight:700; font-size:13px; }
.pb-guide-side h3{ font-size:20px; font-weight:900; color:var(--pb-navy); margin:8px 0 18px; }
@media (max-width:860px){ .pb-rv-grid{ grid-template-columns:1fr; } .pb-rvw-grid{ grid-template-columns:1fr; } .pb-rv-hero,.pb-rv-head{ flex-direction:column; } }