/* SERPIFAI A51 - AI Search Competitor Analysis - article-scoped enhancement v1.1.0 */
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-flagship {
  --a51-bg: #071522;
  --a51-panel: #0a1d2c;
  --a51-panel-2: #0d2435;
  --a51-line: rgba(139, 213, 255, .24);
  --a51-line-strong: rgba(139, 213, 255, .48);
  --a51-text: #eef8ff;
  --a51-muted: #b8cad8;
  --a51-cyan: #8bd5ff;
  --a51-gold: #f6d365;
  --a51-violet: #c4b5fd;
  --a51-green: #80f0cf;
  --a51-danger: #ffb7b7;
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-eyebrow {
  margin: 0 0 .65rem;
  color: var(--a51-cyan);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-answer-first {
  position: relative;
  padding: clamp(1.1rem, 2vw, 1.6rem);
  border: 1px solid var(--a51-line-strong);
  border-radius: 18px;
  background:
    radial-gradient(circle at 92% 8%, rgba(139,213,255,.10), transparent 32%),
    linear-gradient(145deg, rgba(7,21,34,.97), rgba(10,29,44,.97));
  box-shadow: 0 18px 50px rgba(0,0,0,.2);
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-answer-first h2 { margin-top: 0; }

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-fast-strip {
  margin-top: 1rem;
  padding: .95rem 1rem;
  border-left: 3px solid var(--a51-green);
  border-radius: 10px;
  background: rgba(128,240,207,.07);
  color: var(--a51-text);
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-card-grid,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-query-grid,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-method-grid,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-measure-grid,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-download-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1rem 0 1.35rem;
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-card,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-query-grid > article,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-method-grid > article,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-measure-grid > article {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--a51-line);
  border-radius: 14px;
  background: linear-gradient(160deg, rgba(13,36,53,.92), rgba(7,21,34,.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-card h3,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-query-grid h3,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-method-grid h3,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-measure-grid h3 {
  margin-top: 0;
  color: var(--a51-text);
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-card p:last-child,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-query-grid p:last-child,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-method-grid p:last-child,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-measure-grid p:last-child { margin-bottom: 0; }

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-card-grid--compact .a51-card {
  padding: .9rem;
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-method-grid > article { position: relative; padding-top: 2.9rem; }
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-method-grid > article > span:first-child {
  position: absolute;
  inset: .9rem auto auto 1rem;
  display: inline-flex;
  min-width: 2.2rem;
  align-items: center;
  justify-content: center;
  padding: .15rem .45rem;
  border: 1px solid var(--a51-line-strong);
  border-radius: 999px;
  color: var(--a51-cyan);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .08em;
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-surface {
  margin: 1.5rem 0;
  padding: clamp(1rem, 2.3vw, 1.5rem);
  border: 1px solid var(--a51-line-strong);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(139,213,255,.055), transparent 44%),
    var(--a51-panel);
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-surface--deep { border-color: rgba(196,181,253,.38); }
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-surface--handoff { border-color: rgba(246,211,101,.36); }

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-relation-chain {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  margin: 1rem 0 1.25rem;
  padding: 1rem;
  border: 1px solid var(--a51-line);
  border-radius: 16px;
  background: rgba(7,21,34,.68);
}
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-relation-chain span {
  padding: .45rem .65rem;
  border: 1px solid rgba(139,213,255,.28);
  border-radius: 999px;
  color: var(--a51-text);
  background: rgba(139,213,255,.07);
  font-weight: 700;
  font-size: .88rem;
}
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-relation-chain b { color: var(--a51-gold); }

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-table th { color: var(--a51-text); }
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-table td { vertical-align: top; }

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-tool-section {
  margin: 1.7rem 0;
  padding: clamp(1rem, 2.4vw, 1.6rem);
  border: 1px solid rgba(139,213,255,.45);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0, rgba(139,213,255,.11), transparent 30%),
    linear-gradient(165deg, #081827, #0a1f30);
  box-shadow: 0 22px 55px rgba(0,0,0,.22);
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic {
  margin-top: 1rem;
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .9rem;
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic label {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: .4rem;
  padding: .85rem;
  border: 1px solid rgba(139,213,255,.20);
  border-radius: 13px;
  background: rgba(4,17,28,.58);
  color: var(--a51-text);
  font-weight: 750;
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic label small {
  color: var(--a51-muted);
  font-weight: 500;
  line-height: 1.45;
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic select,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic input,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic textarea {
  width: 100%;
  min-height: 44px;
  padding: .65rem .75rem;
  border: 1px solid rgba(139,213,255,.40);
  border-radius: 9px;
  color: #f7fbff;
  background: #081b2a;
  font: inherit;
  font-weight: 650;
}
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic select option { color: #f7fbff; background: #081b2a; }
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic textarea { min-height: 82px; resize: vertical; line-height: 1.45; }
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic [hidden] { display: none !important; }
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic select:focus-visible,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic input:focus-visible,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic textarea:focus-visible,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic button:focus-visible,
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-download-card:focus-visible {
  outline: 3px solid #8bd5ff;
  outline-offset: 3px;
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin: 1rem 0;
}

/* Explicit flagship control treatment: no light primary-button regression. */
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic .ri-button--primary {
  border: 1px solid #69c9ff !important;
  color: #fff !important;
  background: #123b63 !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.18);
}
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic .ri-button--primary:hover { background: #19517f !important; }
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic .ri-button:not(.ri-button--primary) {
  border: 1px solid rgba(184,202,216,.42) !important;
  color: #eef8ff !important;
  background: rgba(7,21,34,.62) !important;
}
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic .ri-button:not(.ri-button--primary):hover { background: rgba(139,213,255,.09) !important; }

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic__result {
  min-height: 4.8rem;
  padding: .95rem 1rem;
  border: 1px solid rgba(139,213,255,.28);
  border-radius: 12px;
  background: rgba(4,17,28,.78);
  color: var(--a51-text);
  line-height: 1.55;
}
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic__result[data-state="ready"] { border-color: rgba(128,240,207,.58); background: rgba(128,240,207,.07); }
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic__result[data-state="warning"] { border-color: rgba(246,211,101,.56); background: rgba(246,211,101,.07); }
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic__result[data-state="invalid"] { border-color: rgba(255,183,183,.56); background: rgba(255,183,183,.06); }

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-download-card {
  display: flex;
  min-height: 10rem;
  flex-direction: column;
  gap: .55rem;
  padding: 1.1rem;
  border: 1px solid rgba(246,211,101,.34);
  border-radius: 15px;
  color: var(--a51-text) !important;
  background: linear-gradient(155deg, rgba(246,211,101,.07), rgba(7,21,34,.82));
  text-decoration: none !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-download-card:hover {
  transform: translateY(-2px);
  border-color: rgba(246,211,101,.65);
  background: linear-gradient(155deg, rgba(246,211,101,.11), rgba(7,21,34,.9));
}
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-download-card strong { font-size: 1.05rem; color: #fff; }
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-download-card span { color: var(--a51-muted); line-height: 1.5; }
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-download-card em { margin-top: auto; color: var(--a51-gold); font-style: normal; font-weight: 800; }

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-faq details {
  margin: .7rem 0;
  border: 1px solid rgba(139,213,255,.20);
  border-radius: 12px;
  background: rgba(8,27,42,.42);
}
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-faq summary {
  cursor: pointer;
  padding: .85rem 1rem;
  color: var(--a51-text);
  font-weight: 780;
}
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-faq details p { padding: 0 1rem .95rem; margin: 0; }

@media (max-width: 900px) {
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-card-grid,
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-query-grid,
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-method-grid,
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-measure-grid,
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-download-grid,
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic__grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-answer-first,
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-surface,
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-tool-section { padding: .9rem; border-radius: 14px; }
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-relation-chain { align-items: flex-start; flex-direction: column; }
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-relation-chain b { transform: rotate(90deg); margin-left: .65rem; }
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic__actions .ri-button { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-download-card { transition: none; }
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-download-card:hover { transform: none; }
}


/* A51 V1.1.0 - research, decision-note and strategic-value enhancement */
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-research-callout {
  margin: 1rem 0 1.25rem;
  padding: 1rem 1.05rem;
  border: 1px solid rgba(196,181,253,.36);
  border-left: 3px solid var(--a51-violet);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(196,181,253,.08), rgba(7,21,34,.72));
  color: var(--a51-text);
  line-height: 1.6;
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic__hint {
  margin: .85rem 0 0;
  color: var(--a51-muted);
  font-size: .9rem;
  line-height: 1.5;
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic__result {
  display: grid;
  gap: .42rem;
}
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic__result p {
  margin: 0 0 .45rem;
  color: var(--a51-muted);
}
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-diagnostic__result .a51-result__title {
  color: #fff;
  font-size: 1.08rem;
}
.ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-result__label {
  margin-top: .15rem;
  color: var(--a51-cyan);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ri5-article-analyze-competitors-ai-overviews-answer-engines #strategic-value .a51-table td:nth-child(2),
.ri5-article-analyze-competitors-ai-overviews-answer-engines #strategic-value .a51-table td:nth-child(3),
.ri5-article-analyze-competitors-ai-overviews-answer-engines #strategic-value .a51-table td:nth-child(4) {
  min-width: 12rem;
}

@media (max-width: 760px) {
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .a51-table {
    min-width: 44rem;
  }
  .ri5-article-analyze-competitors-ai-overviews-answer-engines .ri-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
