/* Thinking page: expandable article cards (details/summary). All content in DOM for grepability. */

.thinking-list {
  display: block;
}

.thinking-list .thinking-card-article {
  margin-bottom: var(--space-8, 2rem);
}

.thinking-list .thinking-card-article:last-child {
  margin-bottom: 0;
}

.thinking-card {
  display: block;
  border: 1px solid var(--color-border-medium, rgba(255,255,255,0.12));
  border-radius: var(--radius-md, 8px);
  overflow: hidden;
  transition: margin var(--transition-base, 0.2s ease);
}

.thinking-card[open] {
  border-color: var(--color-accent-primary, #a8c7ff);
  box-shadow: 0 0 20px rgba(168, 199, 255, 0.15);
}

.thinking-card__summary {
  display: block;
  list-style: none;
  cursor: pointer;
  padding: var(--space-5, 1.25rem) var(--space-6, 1.5rem);
  transition: background-color var(--transition-base, 0.2s ease);
}

.thinking-card__summary::-webkit-details-marker,
.thinking-card__summary::marker {
  display: none;
}

.thinking-card__summary:hover {
  background: var(--color-bg-secondary, rgba(255,255,255,0.04));
}

.thinking-card__summary .feature-card__title {
  margin-top: 0;
  margin-bottom: var(--space-2, 0.5rem);
}

.thinking-card__summary .text-secondary {
  margin-bottom: 0;
}

.thinking-card__expand {
  display: inline-block;
  margin-top: var(--space-3, 0.75rem);
  font-size: var(--font-size-sm, 0.875rem);
  color: var(--color-accent-primary, #a8c7ff);
}

.thinking-card[open] .thinking-card__expand::before {
  content: "Collapse ";
}

.thinking-card:not([open]) .thinking-card__expand::before {
  content: "Expand ";
}

.thinking-card__body {
  padding: 0 var(--space-6, 1.5rem) var(--space-6, 1.5rem);
  padding-top: 0;
  margin-top: calc(-1 * var(--space-2, 0.5rem));
  border-top: 1px solid var(--color-border-low, rgba(255,255,255,0.06));
}

.thinking-card__body.prose {
  max-width: none;
}

.thinking-single__header {
  margin-bottom: var(--space-6, 1.5rem);
}