/* 2026-10-07 rating: 구매자 별점 섹션 (상품 view.html .cdv-hook 2번째 칸 / 아티클 view2.html .cda-hook). cd_rating.py · cd_rating.js */
.cd-rate{position:relative;box-sizing:border-box;width:100%;min-width:0;padding:18px 18px 16px;border-radius:var(--cdv-r,16px);
  background:linear-gradient(150deg,#fffaf0 0%,#f7f8ff 55%,#fff 100%);border:1px solid rgba(245,179,1,.22);
  box-shadow:var(--cdv-sh,0 1px 2px rgba(17,24,39,.04),0 6px 20px rgba(17,24,39,.06));overflow:hidden;
  font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:var(--cdv-ink,#111827);
  display:flex;flex-direction:column;gap:12px}
.cd-rate::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#f5b301,#ff5c8a,#7c3aed,#4f6bed)}
.cd-rate p{margin:0}
.cd-rate__head{display:flex;align-items:center;gap:12px}
.cd-rate__icon{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:1.1rem;
  background:linear-gradient(135deg,#f5b301,#ff8a3d);box-shadow:0 6px 14px rgba(245,150,1,.28)}
.cd-rate__headtxt{min-width:0}
.cd-rate .cd-rate__lead{font-size:12.5px;font-weight:800;color:#7c3aed;letter-spacing:.01em;line-height:1.3}
.cd-rate .cd-rate__head h2.cd-rate__title{position:static;margin:2px 0 0;padding:0;font-size:18px;font-weight:900;line-height:1.3;color:var(--cdv-ink,#111827);letter-spacing:-.02em;border:0;border-radius:0;background:none;box-shadow:none}
.cd-rate .cd-rate__head h2.cd-rate__title::before,.cd-rate .cd-rate__head h2.cd-rate__title::after{content:none;display:none}
.cd-rate .cd-rate__tagline{display:inline-block;align-self:flex-start;max-width:100%;font-size:13.5px;font-weight:800;line-height:1.5;color:#1e293b;
  padding:7px 12px;border-radius:12px;background:#fff;border:1px dashed #c7d2fe;word-break:keep-all}
.cd-rate .cd-rate__tagline::before{content:"“";color:#4f6bed;font-weight:900;margin-right:2px}
.cd-rate .cd-rate__tagline::after{content:"”";color:#4f6bed;font-weight:900;margin-left:2px}

.cd-rate__summary{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #eef0f6}
.cd-rate__score{display:flex;align-items:baseline;gap:4px;grid-row:span 1}
.cd-rate__avg{font-size:34px;font-weight:900;line-height:1;color:#111827;letter-spacing:-.03em}
.cd-rate__max{font-size:14px;font-weight:700;color:var(--cdv-mut,#6b7280)}
.cd-rate__meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.cd-rate .cd-rate__count{font-size:12.5px;font-weight:600;color:var(--cdv-mut,#6b7280)}
.cd-rate__count b{color:#111827}
.cd-rate__stars{position:relative;display:inline-block;width:max-content;max-width:100%;align-self:flex-start;flex:none;font-size:20px;line-height:1;letter-spacing:2px;white-space:nowrap;font-family:Arial,'Segoe UI Symbol',sans-serif}
.cd-rate__stars-bg{color:#e2e5ee}
.cd-rate__stars-fill{position:absolute;left:0;top:0;overflow:hidden;color:#f5b301;white-space:nowrap}
.cd-rate__dist{grid-column:1 / -1;list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.cd-rate__dist li{display:grid;grid-template-columns:30px 1fr 28px;align-items:center;gap:8px;font-size:12px;color:var(--cdv-ink2,#374151)}
.cd-rate__dl{font-weight:700}
.cd-rate__dn{text-align:right;color:var(--cdv-mut,#6b7280);font-variant-numeric:tabular-nums}
.cd-rate__bar{display:block;height:7px;border-radius:999px;background:#eef0f6;overflow:hidden}
.cd-rate__bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f5b301,#ff8a3d)}
.cd-rate__empty{grid-column:1 / -1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cd-rate__empty p{font-size:13.5px;font-weight:700;color:var(--cdv-ink2,#374151);word-break:keep-all}

.cd-rate__form{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.7);border:1px solid #eef0f6}
.cd-rate .cd-rate__q{font-size:13.5px;font-weight:800;color:#1e293b}
.cd-rate__q span{font-weight:600;color:var(--cdv-mut,#6b7280);font-size:12px}
.cd-rate__pick{display:flex;align-items:center;gap:2px}
.cd-rate .cd-rate__pick-btn{appearance:none;-webkit-appearance:none;border:0;background:none;padding:2px 3px;margin:0;font-size:28px;line-height:1;color:#dfe3ec;
  cursor:pointer;transition:transform .12s ease,color .12s ease;font-family:Arial,'Segoe UI Symbol',sans-serif;box-shadow:none}
.cd-rate .cd-rate__pick-btn:disabled{cursor:not-allowed;opacity:.75}
.cd-rate .cd-rate__pick-btn.is-on{color:#f5b301}
.cd-rate .cd-rate__pick-btn:not(:disabled):hover{transform:scale(1.12)}
.cd-rate .cd-rate__pick-btn:focus-visible{outline:2px solid #4f6bed;outline-offset:2px;border-radius:6px}
.cd-rate__pick-val{margin-left:8px;font-size:13px;font-weight:800;color:#b7791f}
.cd-rate .cd-rate__submit{align-self:flex-start;border:0;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:800;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,#4f6bed,#7c3aed);box-shadow:0 8px 18px rgba(79,107,237,.26)}
.cd-rate .cd-rate__submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.cd-rate .cd-rate__submit[hidden]{display:none}
.cd-rate .cd-rate__note{font-size:12.5px;font-weight:600;line-height:1.5;color:var(--cdv-mut,#6b7280);word-break:keep-all}
.cd-rate__note a{color:#4f6bed;font-weight:800;text-decoration:underline}
.cd-rate__note.is-ok{color:#047857}
.cd-rate__note.is-err{color:#b91c1c}
.cd-rate__form.is-locked .cd-rate__pick{opacity:.6}

/* 상품 페이지 왼쪽 칸: 데스크톱에서는 남은 높이 채움 */
@media (min-width:992px){ .cdv-hook > .cd-rate{height:100%} }
/* 아티클: 오늘의 레포트 카드 폭과 맞춤 */
.cda-hook > .cd-rate{max-width:100%}
@media (max-width:640px){
  .cd-rate{padding:14px}
  .cd-rate__avg{font-size:30px}
  .cd-rate .cd-rate__pick-btn{font-size:30px;padding:2px 4px}
}
@media (prefers-reduced-motion:reduce){ .cd-rate .cd-rate__pick-btn{transition:none} }

/* 2026-10-07 ratingui(그록 봇): 별점 아래 '꿀팁 Prompt 보기' 링크 + 블로그 가이드 카드 (/blog/report-ai-rewrite-guide-29) */
.cd-rate__guide{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px dashed #e3e6f0}
.cd-rate a.cd-rate__cta{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border-radius:14px;text-decoration:none;
  color:#3b2a8f;background:linear-gradient(135deg,#f1edff 0%,#eaf0ff 100%);border:1px solid #d9d2fb;
  font-size:14.5px;font-weight:800;line-height:1.35;letter-spacing:-.01em;word-break:keep-all;
  transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.cd-rate__cta-ic{flex:0 0 30px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:.95rem;
  background:linear-gradient(135deg,#7c3aed,#4f6bed);box-shadow:0 4px 10px rgba(124,58,237,.25)}
.cd-rate__cta-txt{flex:1 1 auto;min-width:0}
.cd-rate__cta-go,.cd-rate__blog-go{flex:none;font-weight:900;color:#4f6bed;transition:transform .15s ease}
.cd-rate a.cd-rate__cta:hover{border-color:#b9acf6;box-shadow:0 6px 16px rgba(79,107,237,.14);color:#2e1f7a;text-decoration:none}
.cd-rate a.cd-rate__cta:hover .cd-rate__cta-go,.cd-rate a.cd-rate__blog:hover .cd-rate__blog-go{transform:translateX(3px)}
.cd-rate a.cd-rate__blog{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:#fff;border:1px solid #eef0f6;
  text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}
.cd-rate a.cd-rate__blog:hover{border-color:#c7d2fe;box-shadow:0 6px 16px rgba(17,24,39,.07);text-decoration:none;color:inherit}
.cd-rate__blog-thumb{flex:0 0 96px;width:96px;aspect-ratio:1200/630;border-radius:10px;overflow:hidden;background:#eef1fb;display:block}
.cd-rate__blog-thumb img{display:block;width:100%;height:100%;object-fit:cover;border:0}
.cd-rate__blog-thumb--icon{display:grid;place-items:center;color:#4f6bed;font-size:1.4rem}
.cd-rate__blog-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.cd-rate__blog-label{align-self:flex-start;font-size:11px;font-weight:800;line-height:1;color:#4f6bed;background:#eef2ff;border-radius:999px;padding:4px 8px}
.cd-rate__blog-title{font-size:13.5px;font-weight:800;line-height:1.45;color:var(--cdv-ink,#111827);word-break:keep-all;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cd-rate a.cd-rate__cta:focus-visible,.cd-rate a.cd-rate__blog:focus-visible{outline:2px solid #4f6bed;outline-offset:2px}
@media (max-width:640px){
  .cd-rate a.cd-rate__cta{font-size:14px;padding:10px 12px}
  .cd-rate__blog-thumb{flex-basis:84px;width:84px}
  .cd-rate__blog-title{font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .cd-rate a.cd-rate__cta,.cd-rate a.cd-rate__blog,.cd-rate__cta-go,.cd-rate__blog-go{transition:none}
  .cd-rate a.cd-rate__cta:hover .cd-rate__cta-go,.cd-rate a.cd-rate__blog:hover .cd-rate__blog-go{transform:none}
}
/* 2026-10-07 ratingui2: #cd-rating 앵커(구매내역 '별점 남기기')로 올 때 상단 고정 헤더에 안 가리게 */
.cd-rate{scroll-margin-top:88px}
/* 2026-10-08 promptcard(그록 봇): 블로그 가이드 카드 2개 (/blog/report-ai-rewrite-guide-29 + /blog/plagiarism-similarity-prompt-guide-55).
   두 카드 같은 높이(grid 1fr). 데스크톱 상품 페이지(.cdv-hook 에서 별점 칸이 높이 100%)에서는 남는 높이를 두 카드가 똑같이 나눠 채워 아래 빈칸 없음 */
.cd-rate__blogs{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:8px}
@media (min-width:992px){
  .cdv-hook > .cd-rate .cd-rate__guide{flex:1 1 auto}
  .cdv-hook > .cd-rate .cd-rate__blogs{flex:1 1 auto}
}