/* Intro Pricing Analytics — Article-specific styles */

/* Query Result Table */
.query-result {
  margin: var(--space-lg) 0;
  overflow-x: auto;
}

.query-result table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.query-result th,
.query-result td {
  padding: var(--space-sm) var(--space-md);
  text-align: left;
  border-bottom: 1px solid var(--md-sys-color-outline-variant);
}

.query-result th {
  background: var(--md-sys-color-surface-container);
  font-weight: 600;
  white-space: nowrap;
}

.query-result tr:hover td {
  background: var(--md-sys-color-surface-container-low);
}

/* MCP Demo Section */
.mcp-demo {
  background: var(--md-sys-color-surface-container);
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
  margin: var(--space-2xl) 0;
}

.mcp-demo-header {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
}

.mcp-demo-icon {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
}

.mcp-demo-icon.claude-icon {
  background: #D97757;
  padding: 8px;
}

.mcp-demo h3 {
  margin: 0;
  font-size: 1.25rem;
}

.mcp-demo p {
  color: var(--md-sys-color-outline);
  font-size: 0.875rem;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .article-engagement-stats {
    flex-direction: column;
    align-items: flex-start;
  }
  .engagement-actions-inline {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .rating-stars {
    flex-wrap: wrap;
  }
}