/* Radar de IA — small additive styles on top of article.css / blog-authority.css.
   Only new classes; reuses existing design tokens. */

.article-dek {
  font-family: var(--font-display);
  font-size: var(--fs-lg);
  line-height: var(--lh-snug);
  color: var(--text-secondary);
  margin: var(--space-4) 0 0;
  max-width: 62ch;
}

/* "Resumo em 60 segundos" callout at the top of each edition */
.radar-tldr {
  background: var(--surface-subtle, var(--color-gray-100));
  border: 1px solid var(--border-subtle, var(--color-gray-200));
  border-left: 3px solid var(--color-azure-500);
  border-radius: var(--radius-md);
  padding: var(--space-5) var(--space-5) var(--space-4);
}
.radar-tldr__label {
  font-family: var(--font-display);
  font-size: var(--fs-xs);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--text-accent, var(--color-azure-700));
  margin: 0 0 var(--space-3);
}
.radar-tldr__list {
  margin: 0;
  padding-left: var(--space-5);
  color: var(--text-secondary);
}
.radar-tldr__list li + li { margin-top: var(--space-2); }
.radar-tldr__list li { line-height: var(--lh-relaxed); }
.radar-tldr__list strong { color: var(--text-primary); font-weight: 600; }

/* Secondary section takes: keep long items scannable by clamping to a few lines.
   Full text stays in the DOM (SEO-safe) and expands on hover/focus/tap (GLE-1010). */
.radar-take--clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
  cursor: pointer;
  transition: none;
}
.radar-take--clamp:hover,
.radar-take--clamp:focus,
.radar-take--clamp:focus-within {
  -webkit-line-clamp: unset;
  line-clamp: unset;
  overflow: visible;
}
.radar-take--clamp:focus-visible {
  outline: 2px solid var(--color-azure-500);
  outline-offset: 3px;
  border-radius: var(--radius-sm);
}

/* Atribuição de fonte estruturada por take (GLE-1189).
   Substitui os "(Fontes: …)" soltos por chips com link verificável. O corpo do
   take (.radar-take__body) recebe o clamp; as fontes ficam sempre visíveis. */
.radar-take--sourced { cursor: default; }
.radar-take__body { display: block; }
.radar-take__sources {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin-top: var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  line-height: var(--lh-snug, 1.35);
}
.radar-take__srclabel {
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps, .08em);
  color: var(--text-muted);
}
.radar-take__src {
  display: inline-flex;
  align-items: center;
  gap: .4em;
  color: var(--text-secondary);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--color-azure-500) 40%, transparent);
  transition: color var(--dur-base, .15s) ease, border-color var(--dur-base, .15s) ease;
}
.radar-take__src:hover,
.radar-take__src:focus-visible {
  color: var(--color-azure-600);
  border-bottom-color: var(--color-azure-600);
}
.radar-take__src svg { width: .8em; height: .8em; flex: none; opacity: .7; }
.radar-take__src--nolink {
  border-bottom: 0;
  pointer-events: none;
  color: var(--text-secondary);
}

/* Prev/next edition pager + archive link at the foot of each edition (GLE-1010) */
.radar-pager {
  display: flex;
  align-items: stretch;
  gap: var(--space-3);
  margin: var(--space-8) 0 var(--space-4);
  padding-top: var(--space-5);
  border-top: 1px solid var(--border-subtle, var(--color-gray-200));
}
.radar-pager__link {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1 0;
  min-width: 0;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--border-subtle, var(--color-gray-200));
  border-radius: var(--radius-md);
  text-decoration: none;
  color: var(--text-secondary);
  transition: border-color .15s ease, background .15s ease, color .15s ease;
}
.radar-pager__link--next { text-align: right; }
.radar-pager__link:hover {
  border-color: var(--color-azure-500);
  background: var(--surface-subtle, var(--color-gray-100));
  color: var(--text-primary);
}
.radar-pager__link--empty {
  visibility: hidden;
  pointer-events: none;
}
.radar-pager__dir {
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 600;
  color: var(--text-accent, var(--color-azure-700));
}
.radar-pager__ed {
  font-size: var(--fs-xs);
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.radar-pager__archive {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: 600;
  text-decoration: none;
  color: var(--text-primary);
  border: 1px solid var(--border-subtle, var(--color-gray-200));
  border-radius: var(--radius-md);
  transition: border-color .15s ease, background .15s ease;
}
.radar-pager__archive:hover {
  border-color: var(--color-azure-500);
  background: var(--surface-subtle, var(--color-gray-100));
}
@media (max-width: 640px) {
  .radar-pager { flex-wrap: wrap; }
  .radar-pager__archive { order: 3; flex: 1 1 100%; }
}