/* ===========================================
   ANALYSIS SECTION STYLES
   =========================================== */

/* Analysis Cards (List Page) */
.analysis-section-title {
    font-size: var(--font-size-h4);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--spacing-md);
    padding-bottom: var(--spacing-xs);
    border-bottom: 2px solid var(--border);
}

.analysis-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--spacing-lg);
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: box-shadow var(--transition-base), transform var(--transition-base);
}

.analysis-card:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.analysis-card-header {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    margin-bottom: var(--spacing-sm);
}

.analysis-card-type {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

.analysis-card-title {
    font-size: var(--font-size-h5);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--spacing-xs);
}

.analysis-card-title a {
    color: var(--text-primary);
    text-decoration: none;
}

.analysis-card-title a:hover {
    color: var(--primary);
}

.analysis-card-desc {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    flex-grow: 1;
}

.analysis-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
    align-items: center;
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

.analysis-card-rate {
    font-weight: var(--font-weight-semibold);
    color: var(--primary);
}

/* Analysis Article (Single Page) */
.analysis-article-header {
    border-bottom: none;
}

.analysis-meta-row {
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-sm);
}

.analysis-type-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    border-radius: var(--radius-full);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.analysis-type-meeting-preview {
    background: #dbeafe;
    color: #1e40af;
}

.analysis-type-policy-stance {
    background: #dcfce7;
    color: #166534;
}

.analysis-type-comparison {
    background: #fef3c7;
    color: #92400e;
}

.analysis-meta {
    font-size: var(--font-size-sm);
}

/* Key Takeaways */
.analysis-takeaways {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border-left: 4px solid var(--primary);
    border-radius: var(--radius-md);
    padding: var(--spacing-lg);
}

.analysis-takeaways h3 {
    font-size: var(--font-size-h5);
    margin-bottom: var(--spacing-sm);
    color: var(--primary);
}

.analysis-takeaways ul {
    margin-bottom: 0;
    padding-left: var(--spacing-lg);
}

.analysis-takeaways li {
    margin-bottom: var(--spacing-xs);
    font-size: var(--font-size-base);
}

/* Article Body */
.analysis-body {
    font-size: var(--font-size-base);
    line-height: var(--line-height-relaxed);
}

.analysis-body h2 {
    font-size: var(--font-size-h3);
    margin-top: var(--spacing-2xl);
    margin-bottom: var(--spacing-md);
    padding-bottom: var(--spacing-xs);
    border-bottom: 1px solid var(--border);
}

.analysis-body h3 {
    font-size: var(--font-size-h4);
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-sm);
}

/* Charts in Analysis */
.analysis-chart-section h3 {
    font-size: var(--font-size-h4);
    margin-bottom: var(--spacing-md);
}

.analysis-chart-wrapper {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--spacing-md);
}

.analysis-chart-img {
    width: 100%;
    height: auto;
}

.analysis-chart-embed-cta {
    display: flex;
    gap: var(--spacing-xs);
    margin-top: var(--spacing-sm);
    justify-content: flex-end;
}

/* Sidebar */
.analysis-sidebar {
    position: sticky;
    top: 80px;
}

.analysis-metrics-panel,
.analysis-prob-panel,
.analysis-share-panel,
.analysis-cta-panel {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--spacing-lg);
}

.analysis-metrics-panel h3,
.analysis-prob-panel h3,
.analysis-share-panel h3,
.analysis-cta-panel h3 {
    font-size: var(--font-size-h6);
    font-weight: var(--font-weight-semibold);
    margin-bottom: var(--spacing-md);
    padding-bottom: var(--spacing-xs);
    border-bottom: 1px solid var(--border);
}

.metric-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-xs) 0;
    border-bottom: 1px solid #f1f5f9;
}

.metric-item:last-child {
    border-bottom: none;
}

.metric-label {
    font-size: var(--font-size-sm);
    color: var(--text-muted);
}

.metric-value {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
}

/* Probability Bars */
.prob-bar-row {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
}

.prob-label {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    width: 36px;
    flex-shrink: 0;
}

.prob-bar-track {
    flex: 1;
    height: 8px;
    background: #f1f5f9;
    border-radius: var(--radius-full);
    overflow: hidden;
}

.prob-bar-fill {
    height: 100%;
    border-radius: var(--radius-full);
    transition: width var(--transition-slow);
}

.prob-cut { background: var(--success); }
.prob-hold { background: var(--primary); }
.prob-hike { background: var(--danger); }

.prob-pct {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    width: 36px;
    text-align: right;
    flex-shrink: 0;
}

/* Share Buttons */
.share-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
}

/* Author Box */
.analysis-author-box {
    background: var(--light);
    border-radius: var(--radius-md);
    padding: var(--spacing-lg);
}

/* FAQ */
.analysis-faq .accordion-item {
    border: 1px solid var(--border);
    margin-bottom: var(--spacing-xs);
    border-radius: var(--radius-sm) !important;
}

.analysis-faq .accordion-button:not(.collapsed) {
    background: #f0f9ff;
    color: var(--primary);
}

/* Related Analysis */
.analysis-card-mini {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: var(--spacing-md);
    transition: box-shadow var(--transition-base);
}

.analysis-card-mini:hover {
    box-shadow: var(--shadow);
}

.analysis-card-mini h4 {
    font-size: var(--font-size-base);
    margin-bottom: var(--spacing-xs);
}

.analysis-card-mini a {
    color: var(--text-primary);
    text-decoration: none;
}

.analysis-card-mini a:hover {
    color: var(--primary);
}

/* Responsive */
@media (max-width: 991px) {
    .analysis-sidebar {
        position: static;
        margin-top: var(--spacing-xl);
    }
}