/* ELEVATE SCORE CARD PREVIEW START */
.elevate-score-preview-section{
  padding:72px 0;
  background:
    radial-gradient(circle at 12% 10%, rgba(37,99,235,.10), transparent 28rem),
    radial-gradient(circle at 90% 0%, rgba(245,158,11,.12), transparent 24rem);
}

.elevate-score-preview-shell{
  border:1px solid rgba(15,23,42,.10);
  border-radius:34px;
  background:rgba(255,255,255,.86);
  box-shadow:0 24px 70px rgba(15,23,42,.10);
  padding:28px;
  overflow:hidden;
}

.elevate-score-preview-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  margin-bottom:22px;
}

.elevate-score-preview-eyebrow{
  display:inline-flex;
  align-items:center;
  padding:8px 13px;
  border-radius:999px;
  color:#1d4ed8;
  background:rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.18);
  font-weight:950;
  font-size:.82rem;
  margin-bottom:14px;
}

.elevate-score-preview-title{
  margin:0;
  max-width:820px;
  color:#0f172a;
  background:linear-gradient(90deg,#0284c7 0%,#2563eb 43%,#d97706 76%,#f59e0b 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-size:clamp(2rem,4.5vw,3.75rem);
  line-height:1.02;
  letter-spacing:-.065em;
  font-weight:950;
}

.elevate-score-preview-subtitle{
  margin:14px 0 0;
  max-width:780px;
  color:#64748b;
  font-weight:650;
  font-size:1.02rem;
}

.elevate-score-preview-total{
  flex:0 0 auto;
  min-width:96px;
  border-radius:24px;
  padding:15px;
  text-align:center;
  color:#ffffff;
  background:linear-gradient(135deg,#2563eb,#0284c7);
  box-shadow:0 18px 38px rgba(37,99,235,.24);
}

.elevate-score-preview-total strong{
  display:block;
  font-size:2rem;
  line-height:1;
  letter-spacing:-.07em;
  font-weight:950;
}

.elevate-score-preview-total span{
  display:block;
  margin-top:5px;
  font-size:.72rem;
  letter-spacing:.08em;
  font-weight:950;
}

.elevate-score-preview-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.elevate-score-preview-item{
  position:relative;
  min-height:168px;
  overflow:hidden;
  border-radius:24px;
  padding:20px;
  border:1px solid rgba(255,255,255,.72);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.elevate-score-preview-item::before{
  content:"";
  position:absolute;
  width:124px;
  height:124px;
  right:-46px;
  top:-46px;
  border-radius:999px;
  background:rgba(255,255,255,.46);
}

.elevate-score-preview-item > *{
  position:relative;
}

.elevate-score-method{
  background:linear-gradient(135deg,#e0f2fe 0%,#dbeafe 100%);
}

.elevate-score-novelty{
  background:linear-gradient(135deg,#fff7ed 0%,#fef3c7 100%);
}

.elevate-score-reference{
  background:linear-gradient(135deg,#dcfce7 0%,#ccfbf1 100%);
}

.elevate-score-discussion{
  background:linear-gradient(135deg,#e0e7ff 0%,#dbeafe 100%);
}

.elevate-score-preview-label{
  color:#334155;
  font-weight:950;
  font-size:1rem;
  letter-spacing:-.02em;
}

.elevate-score-preview-desc{
  color:#64748b;
  font-weight:700;
  font-size:.86rem;
  margin-top:4px;
}

.elevate-score-preview-number-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-top:18px;
}

.elevate-score-preview-number{
  color:#0f172a;
  font-weight:950;
  font-size:3rem;
  line-height:.9;
  letter-spacing:-.07em;
}

.elevate-score-preview-status{
  border-radius:999px;
  padding:6px 10px;
  color:#0f172a;
  background:rgba(255,255,255,.72);
  font-size:.76rem;
  font-weight:950;
  white-space:nowrap;
}

.elevate-score-preview-progress{
  height:9px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(15,23,42,.10);
  margin-top:14px;
}

.elevate-score-preview-progress span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#0284c7);
}

.elevate-score-novelty .elevate-score-preview-progress span{
  background:linear-gradient(90deg,#d97706,#f59e0b);
}

.elevate-score-reference .elevate-score-preview-progress span{
  background:linear-gradient(90deg,#16a34a,#0f766e);
}

.elevate-score-discussion .elevate-score-preview-progress span{
  background:linear-gradient(90deg,#4f46e5,#2563eb);
}

/* Dark mode support */
[data-bs-theme="dark"] .elevate-score-preview-shell,
html[data-theme="dark"] .elevate-score-preview-shell,
body.dark .elevate-score-preview-shell{
  background:rgba(15,23,42,.88);
  border-color:rgba(255,255,255,.13);
  box-shadow:0 24px 70px rgba(0,0,0,.38);
}

[data-bs-theme="dark"] .elevate-score-preview-subtitle,
html[data-theme="dark"] .elevate-score-preview-subtitle,
body.dark .elevate-score-preview-subtitle{
  color:#cbd5e1;
}

[data-bs-theme="dark"] .elevate-score-preview-eyebrow,
html[data-theme="dark"] .elevate-score-preview-eyebrow,
body.dark .elevate-score-preview-eyebrow{
  color:#bfdbfe;
  background:rgba(37,99,235,.22);
  border-color:rgba(147,197,253,.24);
}

@media(max-width:992px){
  .elevate-score-preview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .elevate-score-preview-section{
    padding:48px 0;
  }

  .elevate-score-preview-shell{
    padding:20px;
    border-radius:28px;
  }

  .elevate-score-preview-head{
    flex-direction:column;
  }

  .elevate-score-preview-total{
    width:100%;
  }

  .elevate-score-preview-grid{
    grid-template-columns:1fr;
  }
}
/* ELEVATE SCORE CARD PREVIEW END */