/*
 * NxtGen Review — verdict.css
 * Full-width colorful background, content 60%, unified NGS pill,
 * light colors on dark bg, equal input/button height, full-width divider
 */

/* ── Section: full-width bg only ── */
#nxrv-page .nxrv-section--verdict {
  background:
    radial-gradient(ellipse at 0% 0%,    rgba(108,99,255,0.55) 0%, transparent 55%),
    radial-gradient(ellipse at 100% 0%,  rgba(0,159,231,0.45)  0%, transparent 50%),
    radial-gradient(ellipse at 60% 100%, rgba(34,197,94,0.20)  0%, transparent 55%),
    linear-gradient(135deg, #0B0F23 0%, #12103A 45%, #0B1A2E 100%);
  border-bottom: none;
  padding: 0;
  position: relative;
  overflow: hidden;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

/* Inner container — full-width, provides padding */
#nxrv-page .nxrv-verdict-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 64px 40px;
}

/* ── Header on dark bg ── */
#nxrv-page .nxrv-verdict-header { margin-bottom: 28px; }

#nxrv-page .nxrv-verdict-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── Content wrap: 60%, NO inner card ── */
#nxrv-page .nxrv-verdict-wrap {
  max-width: 60%;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Score label */
#nxrv-page .nxrv-verdict-top { margin-bottom: 20px; }

#nxrv-page .nxrv-verdict-score-label {
  display: block;
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
  margin-bottom: 12px;
}

#nxrv-page .nxrv-verdict-score-row {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* Archetype badge on dark */
#nxrv-page .nxrv-verdict-archetype {
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 600;
  color: #A5B4FC;
  background: rgba(108,99,255,0.2);
  border: 1px solid rgba(108,99,255,0.4);
  border-radius: 999px;
  padding: 5px 16px;
}

/* Verdict text */
#nxrv-page .nxrv-verdict-text { margin-bottom: 24px; }

#nxrv-page .nxrv-verdict-text p {
  font-size: 0.93rem;
  color: rgba(255,255,255,0.65);
  line-height: 1.7;
  margin-bottom: 8px;
}
#nxrv-page .nxrv-verdict-text p:first-child { color: rgba(255,255,255,0.88); }
#nxrv-page .nxrv-verdict-text p:last-child  { color: rgba(255,255,255,0.7); }

/* CTAs */
#nxrv-page .nxrv-verdict-ctas {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

/* Divider — full content width */
#nxrv-page .nxrv-verdict-divider {
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,0.1);
  margin-bottom: 20px;
}

/* Digest */
#nxrv-page .nxrv-verdict-digest__text {
  font-size: 0.84rem;
  color: rgba(255,255,255,0.4);
  margin-bottom: 10px;
}

#nxrv-page .nxrv-verdict-digest__form {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

/* Equal height: both use same padding + font-size */
#nxrv-page .nxrv-verdict-digest__input,
#nxrv-page .nxrv-verdict-digest__btn {
  height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  font-size: 0.82rem;
  line-height: 1;
}

#nxrv-page .nxrv-verdict-digest__input {
  width: 220px;
  border: 1px solid rgba(255,255,255,0.15);
  background: rgba(255,255,255,0.07);
  color: #ffffff;
  outline: none;
  transition: border-color 140ms, background 140ms;
}
#nxrv-page .nxrv-verdict-digest__input::placeholder { color: rgba(255,255,255,0.3); }
#nxrv-page .nxrv-verdict-digest__input:focus {
  border-color: rgba(108,99,255,0.5);
  background: rgba(255,255,255,0.1);
}

#nxrv-page .nxrv-verdict-digest__btn {
  border: none;
  background: #6C63FF;
  color: #ffffff;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background 140ms;
}
#nxrv-page .nxrv-verdict-digest__btn:hover { background: #5a52e0; }

/* ── Responsive ── */
@media (max-width: 1100px) {
  #nxrv-page .nxrv-verdict-wrap { max-width: 75%; }
}
@media (max-width: 900px) {
  #nxrv-page .nxrv-verdict-inner { padding: 48px 24px; }
  #nxrv-page .nxrv-verdict-wrap { max-width: 100%; }
}
@media (max-width: 640px) {
  #nxrv-page .nxrv-verdict-inner { padding: 40px 16px; }
  #nxrv-page .nxrv-verdict-ctas { flex-direction: column; align-items: flex-start; }
  #nxrv-page .nxrv-verdict-digest__form { flex-direction: column; align-items: flex-start; }
  #nxrv-page .nxrv-verdict-digest__input { width: 100%; }
}