/* 리뷰 분석 리포트 — 시안 「EunCoach Review Insight」 값 (재이식 2026-08-17). .eun-ri- 접두사 유지. */

#review-insight-panel { min-width: 0; }

.eun-ri-card {
  background: var(--card, #fff);
  border: 1px solid var(--line, #E5E8EB);
  border-radius: 20px;
  color: var(--ink, #191F28);
  overflow: hidden;
}

.eun-ri-loading,
.eun-ri-empty {
  min-height: 178px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px 24px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .04);
}
.eun-ri-loading b { font-size: 15.5px; font-weight: 800; }
.eun-ri-loading span,
.eun-ri-empty p { margin: 0; color: var(--ink-3, #6B7684); font-size: 13px; line-height: 1.6; }
.eun-ri-empty h3 { margin: 0; font-size: 19px; font-weight: 800; line-height: 1.4; }
.eun-ri-empty-icon {
  width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%; background: #EAF2FE; color: #0B5BD3;
  font-size: 19px; font-weight: 800;
}
.eun-ri-spinner {
  width: 32px; height: 32px; border: 3px solid #EAF2FE;
  border-top-color: #0B5BD3; border-radius: 50%;
  animation: eun-ri-spin .8s linear infinite;
}
@keyframes eun-ri-spin { to { transform: rotate(360deg); } }

.eun-ri-cta {
  min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
  margin-top: 8px; padding: 10px 17px; border: 0; border-radius: 12px;
  background: #0B5BD3; color: #fff; font: inherit; font-size: 14px; font-weight: 800;
  cursor: pointer; text-decoration: none;
}
.eun-ri-cta:hover { background: #1D4F9C; color: #fff; }
.eun-ri-cta:focus-visible,
.eun-ri-reviews summary:focus-visible { outline: 3px solid rgba(11, 91, 211, .28); outline-offset: 3px; }

/* 티저(멤버십 잠금)·로그인 — 구현 전용 상태 (무데이터 원칙 화면) */
.eun-ri-teaser { position: relative; padding: 24px; }
.eun-ri-teaser-copy { position: relative; z-index: 2; max-width: 420px; }
.eun-ri-eyebrow {
  display: inline-flex; color: #1D4F9C; font-size: 12px; font-weight: 800;
  letter-spacing: .02em; margin-bottom: 7px;
}
.eun-ri-teaser h3 { margin: 0; font-size: 19px; font-weight: 800; line-height: 1.4; letter-spacing: -.02em; }
.eun-ri-teaser p { max-width: 390px; margin: 8px 0 4px; color: var(--ink-2, #4E5968); font-size: 13.5px; }
.eun-ri-teaser-preview {
  position: absolute; z-index: 1; top: 20px; right: 20px; width: 155px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px; opacity: .58;
}
.eun-ri-teaser-preview > div { padding: 12px; border: 1px solid var(--line, #E5E8EB); border-radius: 11px; background: #F2F4F6; }
.eun-ri-teaser-preview i { display: block; height: 8px; margin: 8px 0; border-radius: 999px; background: #C9DDF8; }
.eun-ri-teaser-preview i:nth-child(2) { width: 72%; }
.eun-ri-teaser-preview i:nth-child(3) { width: 48%; }
.eun-ri-lock-note { margin-top: 16px !important; font-size: 12px !important; color: var(--ink-3, #6B7684) !important; }

/* 결과 화면 — 시안 6블록 */
.eun-ri-report { display: grid; gap: 12px; min-width: 0; }
.eun-ri-sec {
  min-width: 0; background: #fff; border: 1px solid #E5E8EB; border-radius: 20px;
  padding: 22px 24px; box-shadow: 0 4px 20px rgba(0, 0, 0, .04);
}
.eun-ri-sec h2 { margin: 0 0 12px; font-size: 16px; font-weight: 800; }

.eun-ri-hero { padding: 26px 24px; }
.eun-ri-hero-eyebrow { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.eun-ri-hero-eyebrow p { margin: 0; font-size: 13px; font-weight: 800; color: #6B7684; overflow-wrap: anywhere; }
.eun-ri-fresh { background: #E7F5EE; color: #065F46; font-size: 12px; font-weight: 800; border-radius: 999px; padding: 2px 9px; white-space: nowrap; }
.eun-ri-hero h1 { margin: 8px 0 0; font-size: 21px; font-weight: 800; letter-spacing: -.02em; line-height: 1.4; overflow-wrap: anywhere; }
.eun-ri-hero-sub { margin: 10px 0 0; font-size: 15px; color: #4E5968; }
.eun-ri-hero-foot { margin: 10px 0 0; font-size: 12.5px; color: #6B7684; }

.eun-ri-chiprow { display: flex; gap: 8px; flex-wrap: wrap; }
.eun-ri-chip {
  display: inline-flex; align-items: center; min-height: 40px; padding: 9px 14px;
  border: 1.5px solid #E5E8EB; border-radius: 999px; background: #fff; color: #4E5968;
  font-weight: 800; box-sizing: border-box;
}
.eun-ri-chip-lg { font-size: 15px; }
.eun-ri-chip-md { font-size: 14px; }
.eun-ri-chip-sm { font-size: 13px; }

.eun-ri-balance h2 { margin-bottom: 4px; }
.eun-ri-balance-sub { margin: 0 0 14px; font-size: 13.5px; color: #4E5968; }
.eun-ri-bar { height: 10px; border-radius: 999px; overflow: hidden; display: flex; margin-bottom: 14px; }
.eun-ri-bar-good { background: #065F46; }
.eun-ri-bar-bad { background: #93400B; }
.eun-ri-balance-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
@media (min-width: 900px) { .eun-ri-balance-grid { grid-template-columns: 1fr 1fr; } }
.eun-ri-boxpos, .eun-ri-boxwarn { min-width: 0; border-radius: 14px; padding: 14px 16px; }
.eun-ri-boxpos { background: #E7F5EE; }
.eun-ri-boxwarn { background: #FFF3E8; }
.eun-ri-boxpos p, .eun-ri-boxwarn p { margin: 0; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.eun-ri-boxpos p { color: #065F46; }
.eun-ri-boxwarn p { color: #93400B; }
.eun-ri-boxpos .k, .eun-ri-boxwarn .k { margin: 0 0 6px; font-size: 12.5px; font-weight: 800; }

.eun-ri-quotes { padding: 14px 24px; }
.eun-ri-reviews summary { min-height: 44px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-size: 13.5px; font-weight: 800; }
.eun-ri-reviews ol { margin: 5px 0 0; padding: 0; list-style: none; }
.eun-ri-reviews li { padding: 11px 0; border-top: 1px solid #F2F4F6; }
.eun-ri-reviews blockquote { margin: 0 0 5px; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.eun-ri-reviews li > div { display: flex; flex-wrap: wrap; gap: 8px; color: #6B7684; font-size: 12px; }

.eun-ri-action { min-width: 0; background: #EAF2FE; border-radius: 20px; padding: 22px 24px; }
.eun-ri-action .k { margin: 0 0 6px; font-size: 12.5px; font-weight: 800; color: #1D4F9C; }
.eun-ri-action .t { margin: 0 0 14px; font-size: 16px; font-weight: 800; color: #1D4F9C; line-height: 1.45; overflow-wrap: anywhere; }
.eun-ri-action-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.eun-ri-act-primary, .eun-ri-act-secondary {
  display: flex; align-items: center; min-height: 48px; padding: 0 18px; border-radius: 12px;
  font-size: 15px; font-weight: 800; text-decoration: none; white-space: nowrap;
}
.eun-ri-act-primary { background: #0B5BD3; color: #fff; }
.eun-ri-act-primary:hover { background: #1D4F9C; color: #fff; }
.eun-ri-act-secondary { background: #fff; color: #1D4F9C; }
.eun-ri-act-secondary:hover { color: #0B5BD3; }

.eun-ri-reply { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 20px 24px; }
.eun-ri-reply-copy { min-width: 0; }
.eun-ri-reply-copy b { display: block; font-size: 15px; font-weight: 800; }
.eun-ri-reply-copy span { display: block; font-size: 13.5px; color: #4E5968; margin-top: 2px; }
.eun-ri-reply-btn {
  display: flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 12px;
  background: #F2F4F6; color: #4E5968; font-size: 14px; font-weight: 800; text-decoration: none; white-space: nowrap;
}
.eun-ri-reply-btn:hover { background: #EAF2FE; color: #1D4F9C; }

@media (max-width: 520px) {
  .eun-ri-teaser { padding: 20px; }
  .eun-ri-teaser-copy { max-width: none; }
  .eun-ri-teaser-preview { position: static; width: 100%; margin-top: 17px; }
  .eun-ri-sec { padding: 18px; }
  .eun-ri-hero { padding: 22px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .eun-ri-spinner { animation: none; }
}

@media print {
  .eun-ri-teaser,
  .eun-ri-loading { display: none !important; }
  .eun-ri-card,
  .eun-ri-sec { break-inside: avoid; box-shadow: none; }
}