/* Result view polish loaded after pagivo-launch.css. */
.website-fix-page .fix-result {
  gap: clamp(18px, 2.5vw, 28px);
}

.website-fix-page .fix-result-layout {
  grid-template-columns: minmax(300px, .78fr) minmax(0, 1.45fr);
  gap: clamp(14px, 2vw, 20px);
  align-items: stretch;
}

.website-fix-page .fix-score-summary {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: start;
  min-height: 100%;
  padding: clamp(20px, 2.6vw, 30px);
  border-radius: 28px;
  background:
    radial-gradient(circle at 12% 0%, rgba(244,210,173,.18), transparent 34%),
    radial-gradient(circle at 94% 100%, rgba(113,183,255,.18), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.045));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 20px 60px rgba(0,0,0,.22);
}

.website-fix-page .fix-score-summary::after {
  content: "";
  position: absolute;
  inset: auto -20% -1px 18%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(244,210,173,.52), transparent);
  opacity: .85;
}

.website-fix-page .fix-score-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: clamp(18px, 2.3vw, 26px);
}

.website-fix-page .fix-score-top .eyebrow {
  min-width: 0;
  max-width: 19rem;
  margin: 0;
  color: rgba(255,244,223,.82);
  font-size: .76rem !important;
  line-height: 1.25 !important;
  letter-spacing: .16em;
  overflow-wrap: anywhere;
}

.website-fix-page .fix-score-value {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 2px;
  padding: 8px 10px 9px;
  border: 1px solid rgba(244,210,173,.23);
  border-radius: 20px;
  background: rgba(0,0,0,.18);
  color: var(--gold-2);
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.website-fix-page .fix-score-value strong {
  display: inline-block;
  color: var(--gold-2);
  font-size: clamp(3.15rem, 5vw, 4.65rem) !important;
  line-height: .82 !important;
  letter-spacing: -.07em !important;
  font-weight: 800 !important;
}

.website-fix-page .fix-score-value span {
  color: rgba(255,255,255,.68);
  font-size: .96rem !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  font-weight: 500 !important;
}

.website-fix-page .fix-score-value.is-muted strong,
.website-fix-page .fix-score-value.is-muted span {
  color: rgba(255,255,255,.64);
}

.website-fix-page .fix-score-title {
  max-width: 100%;
  margin: 0;
  color: #fff;
  font-size: clamp(1.9rem, 3.6vw, 3.1rem) !important;
  line-height: 1.03 !important;
  letter-spacing: -.055em !important;
  font-weight: 800 !important;
  text-wrap: balance;
}

.website-fix-page .fix-score-note {
  max-width: 39rem;
  margin: 14px 0 0;
  color: rgba(255,255,255,.74);
  font-size: clamp(.98rem, 1.15vw, 1.08rem) !important;
  line-height: 1.55 !important;
  letter-spacing: -.012em;
}

.website-fix-page .fix-result-panel h3 {
  font-size: clamp(1.05rem, 1.35vw, 1.2rem) !important;
  line-height: 1.16 !important;
  letter-spacing: -.025em !important;
}

.website-fix-page .fix-positive-list li,
.website-fix-page .fix-problem-list li {
  align-items: start;
  line-height: 1.5;
}

@media (max-width: 980px) {
  .website-fix-page .fix-result-layout,
  .website-fix-page .fix-findings-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .website-fix-page .fix-score-summary {
    border-radius: 24px;
    padding: 20px 18px;
  }

  .website-fix-page .fix-score-top {
    display: grid;
    justify-content: stretch;
  }

  .website-fix-page .fix-score-value {
    justify-self: start;
  }

  .website-fix-page .fix-score-title {
    font-size: clamp(1.75rem, 8vw, 2.35rem) !important;
  }
}