@charset "UTF-8";
/* SERPIFAI Insights Content Spacing & Encoding Fix V1.6.0
   Scoped to article content and robust ASCII CSS escapes. */

/* Authority-library article lead cards: restore real internal spacing despite
   the more-specific generic section rules. */
.insights-authority-page .ri2-article > section.ri2-answer,
.insights-authority-page .ri2-article > section.ri2-framework-intro,
.insights-authority-page .ri2-article > section.ri2-decision-rule,
.insights-authority-page .ri2-article > section.ri2-callout {
  position: relative;
  overflow: hidden;
  margin: 0 0 clamp(1.35rem, 2.5vw, 2rem) !important;
  padding: clamp(1.45rem, 2.8vw, 2rem) clamp(1.35rem, 3.4vw, 2.35rem) !important;
  border-top: 1px solid rgba(125, 227, 245, .30) !important;
  border-right: 1px solid rgba(125, 227, 245, .24) !important;
  border-bottom: 1px solid rgba(125, 227, 245, .24) !important;
  border-left: 1px solid rgba(125, 227, 245, .30) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(92, 125, 255, .11), transparent 34%),
    linear-gradient(145deg, rgba(10, 38, 56, .96), rgba(6, 22, 37, .94)) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.insights-authority-page .ri2-article > section.ri2-answer::before,
.insights-authority-page .ri2-article > section.ri2-framework-intro::before,
.insights-authority-page .ri2-article > section.ri2-decision-rule::before,
.insights-authority-page .ri2-article > section.ri2-callout::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, #7de3f5, #8f72ff 62%, transparent);
  opacity: .88;
}

.insights-authority-page .ri2-article > section.ri2-framework-intro {
  border-color: rgba(152, 124, 255, .32) !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(152, 124, 255, .14), transparent 36%),
    linear-gradient(145deg, rgba(13, 38, 58, .96), rgba(13, 24, 48, .94)) !important;
}

.insights-authority-page .ri2-answer-label,
.insights-authority-page .ri2-framework-intro .ri2-eyebrow {
  display: block;
  margin: 0 0 .9rem !important;
  line-height: 1.2;
}

.insights-authority-page .ri2-framework-intro h2 {
  max-width: 28ch;
  margin: 0 0 .8rem !important;
  font-size: clamp(1.72rem, 3vw, 2.5rem) !important;
  line-height: 1.08 !important;
}

.insights-authority-page .ri2-answer > p:last-child,
.insights-authority-page .ri2-framework-intro > p:last-child,
.insights-authority-page .ri2-decision-rule > p:last-child,
.insights-authority-page .ri2-callout > p:last-child {
  max-width: 68ch;
  margin: 0 !important;
  line-height: 1.75 !important;
  text-wrap: pretty;
}

/* The flagship articles use nested editorial boxes rather than section-level
   classes. Give those the same premium breathing room. */
.insights-page .ri-article .ri-executive-answer,
.insights-page .ri-article .ri-key-takeaway,
.insights-page .ri-article .ri-decision-rule,
.insights-page .ri-article .ri-method-note,
.insights-page .ri-article .ri-author-note,
.insights-page .ri-article .ri-framework-intro {
  padding: clamp(1.3rem, 2.7vw, 1.9rem) clamp(1.25rem, 3.2vw, 2.15rem) !important;
  border-radius: 20px !important;
}

.insights-page .ri-article .ri-framework-intro {
  margin: 0 0 1.55rem;
  border: 1px solid rgba(152, 124, 255, .28);
  background:
    radial-gradient(circle at 90% 10%, rgba(152, 124, 255, .12), transparent 34%),
    linear-gradient(145deg, rgba(10, 35, 53, .92), rgba(11, 22, 45, .90));
  box-shadow: 0 20px 48px rgba(0,0,0,.18);
}

/* Checklist readability and encoding-safe glyphs. */
.insights-authority-page .ri2-checklist {
  display: grid;
  gap: .65rem;
  margin: 1.15rem 0 1.6rem;
}

.insights-authority-page .ri2-checklist li {
  min-height: 3.65rem;
  margin: 0 !important;
  padding: .95rem 1.15rem .95rem 3.15rem !important;
  display: flex;
  align-items: center;
  border-radius: 14px;
}

.insights-authority-page .ri2-checklist li::before {
  content: "\2713" !important;
  top: 50% !important;
  left: 1.15rem !important;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #062217 !important;
  background: #66e3bd;
  font-size: .72rem;
  line-height: 1;
}

.insights-page .ri-check-grid div::before {
  content: "\2713" !important;
}

.insights-page .ri-decision-tree .ri-tree-node:not(:last-child)::after {
  content: "\2192" !important;
}

@media (max-width: 720px) {
  .insights-authority-page .ri2-article > section.ri2-answer,
  .insights-authority-page .ri2-article > section.ri2-framework-intro,
  .insights-authority-page .ri2-article > section.ri2-decision-rule,
  .insights-authority-page .ri2-article > section.ri2-callout {
    padding: 1.3rem 1.15rem 1.4rem !important;
    border-radius: 17px !important;
  }

  .insights-authority-page .ri2-framework-intro h2 {
    font-size: clamp(1.55rem, 8vw, 2rem) !important;
  }

  .insights-authority-page .ri2-checklist li {
    padding: .9rem 1rem .9rem 2.85rem !important;
  }

  .insights-authority-page .ri2-checklist li::before {
    left: .95rem !important;
  }
}