/* ==========================================================================
   VII. DISORDERS TAB (`#disorder-analysis-tab`)
   (Excluding MarketAnalysisCardContainer specific styles)
   ========================================================================== */

/* ==========================================================================
   STANDARDIZED CARD STYLING - Based on Symptom & Effect Analysis Card
   Apply these classes to all cards for consistency
   ========================================================================== */

/* Standardized card container */
/* Mindstate: Simplified card styling with minimal shadows and sharp corners */
.tea-card-standardized {
    background: var(--color-white);
    border-radius: 0; /* Mindstate: Sharp corners */
    border: 1px solid #F4F4F4; /* Mindstate: Light border instead of shadows */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Mindstate: Minimal shadow */
    position: relative;
    overflow: hidden;
    margin-top: var(--spacing-xl);
}

/* Mindstate: Solid color top border instead of gradient */
.tea-card-standardized::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: #6B8E23; /* Mindstate: Data green */
}

/* Special case for market analysis card - adjust header padding */
#fullMarketAnalysisContainer.tea-card-standardized .tea-card-header-standardized {
    padding-top: 0 !important;
    padding-bottom: var(--spacing-sm) !important;
}

/* Adjust the title to fix vertical line height issue */
#fullMarketAnalysisContainer .tea-card-header-standardized .tea-card-title-standardized {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Standardized card header */
.tea-card-header-standardized {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-lg);
    padding-bottom: 0;
}

/* Special header variant that contains tabs */
.tea-card-header-with-tabs {
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

/* Add padding back to the title within the header */
.tea-card-header-with-tabs .tea-card-title-standardized {
    padding-left: var(--spacing-lg) !important;
    padding-right: var(--spacing-lg) !important;
    margin-left: 0 !important;
}

.tea-card-header-with-tabs .tea-card-title-standardized {
    margin-bottom: var(--spacing-sm) !important;
}

/* Standardized title styling with vertical accent line */
.tea-card-title-standardized {
    display: flex !important;
    align-items: center !important;
    gap: var(--spacing-sm) !important;
    color: #000000 !important; /* Mindstate: Pure black text */
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    margin: 0 0 var(--spacing-md) 0 !important;
    padding: 0 0 0 calc(var(--spacing-md) + 4px) !important;
    position: relative !important;
    background: transparent !important;
    -webkit-text-fill-color: #000000 !important; /* Mindstate: Pure black */
    text-shadow: none !important;
    border: none !important;
    border-bottom: none !important;
    letter-spacing: -0.02em !important; /* Mindstate: Tighter letter spacing */
}

/* Vertical green accent line */
.tea-card-title-standardized::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #6B8E23; /* Mindstate: Data green */
    border-radius: 0; /* Mindstate: Sharp corners */
}

/* Remove any ::after pseudo-elements that might create horizontal lines */
.tea-card-title-standardized::after {
    display: none !important;
}

/* Icon in title */
.tea-card-title-standardized i[data-lucide] {
    color: #6B8E23 !important; /* Mindstate: Data green */
    width: 1.2rem !important;
    height: 1.2rem !important;
}

/* Badge styling (e.g., "3 symptoms") */
/* Mindstate: Simplified badge */
.tea-card-badge-standardized {
    font-size: 0.85rem;
    color: #8B9187; /* Mindstate: Medium gray */
    background: #F4F4F4; /* Mindstate: Light gray */
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: 0; /* Mindstate: Sharp corners */
    font-weight: 500;
    border: 1px solid #EBEBEB; /* Mindstate: Light border */
}

/* Content area with consistent padding */
.tea-card-content-standardized {
    padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
}

/* Special case for market analysis card - remove ALL padding */
#fullMarketAnalysisContainer .tea-card-content-standardized {
    padding: 0 !important;
    position: relative;
}

/* Override Market Size Explorer's .card class completely */
#fullMarketAnalysisContainer .card {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    position: static !important;
    overflow: visible !important;
    transition: none !important;
}

/* Remove the ::before pseudo-element from Market Size Explorer cards */
#fullMarketAnalysisContainer .card::before {
    display: none !important;
}

/* Ensure h2 elements in market cards don't have special styling */
#fullMarketAnalysisContainer .card h2 {
    font-size: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
    border: none !important;
}

/* Remove the ::after pseudo-element from h2 */
#fullMarketAnalysisContainer .card h2::after {
    display: none !important;
}

/* Override h3 styling from Market Size Explorer to match Standard of Care */
#fullMarketAnalysisContainer .card h3 {
    font-size: 1.2rem !important;
    margin: var(--spacing-lg) 0 var(--spacing-md) 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    background: transparent !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #000000 !important; /* Mindstate: Pure black */
    color: #000000 !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important; /* Mindstate: Tighter letter spacing */
    position: relative !important;
}

/* Remove the ::before pseudo-element from h3 */
#fullMarketAnalysisContainer .card h3::before {
    display: none !important;
}

/* Override h4 styling from Market Size Explorer to match Standard of Care */
#fullMarketAnalysisContainer .card h4 {
    font-size: 1rem !important;
    margin: var(--spacing-lg) 0 var(--spacing-sm) 0 !important;
    color: #000000 !important; /* Mindstate: Pure black */
    font-weight: 600 !important;
    opacity: 1 !important;
    padding-bottom: var(--spacing-xs) !important;
    border-bottom: 2px solid #8B9187 !important; /* Mindstate: Medium gray underline */
}

/* Override paragraph styling in cards to match Standard of Care */
#fullMarketAnalysisContainer .card p {
    color: #3B3B3B !important; /* Mindstate: Dark gray */
    font-size: 1rem !important;
    margin-bottom: var(--spacing-md) !important;
    line-height: 1.7 !important;
}

/* Remove padding from summary tab content since we're not using nested cards */
#fullMarketAnalysisContainer #summaryTab {
    padding: 0 !important;
}

/* Hide the redundant h2 title and date in the market analysis when embedded in disorders tab */
#fullMarketAnalysisContainer .market-content-section:first-child h2:first-child,
#fullMarketAnalysisContainer .market-content-section:first-child .date-info {
    display: none !important;
}

/* Remove top margin from key insights box when it's the first visible element */
#fullMarketAnalysisContainer .market-content-section:first-child .key-insights-box {
    margin-top: 0 !important;
}

/* Override key-insights-box margin completely */
#fullMarketAnalysisContainer .key-insights-box {
    margin: 0 0 20px 0 !important;
    padding: 20px !important;
}

/* Market Analysis specific tab content styling - remove extra backgrounds and padding */
#fullMarketAnalysisContainer .tea-tab-content {
    background: transparent !important;
    padding: 0 var(--spacing-lg) var(--spacing-md) var(--spacing-lg) !important;
    margin: 0 !important;
}

/* Tab group when placed in header */
.tea-tab-group--header {
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 var(--spacing-lg) var(--spacing-sm) var(--spacing-lg) !important;
    border-radius: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Ensure market content sections have no extra styling */
#fullMarketAnalysisContainer .market-content-section {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Tab navigation spacing for market analysis when NOT in header - override ALL inherited styles */
#fullMarketAnalysisContainer .tea-tab-group:not(.tea-tab-group--header),
#fullMarketAnalysisContainer .tea-tab-group--secondary:not(.tea-tab-group--header) {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Add back minimal spacing between tabs and content when NOT in header */
#fullMarketAnalysisContainer .tea-tab-group--secondary:not(.tea-tab-group--header) {
    margin-bottom: var(--spacing-sm) !important;
    gap: var(--spacing-xs) !important;
}

/* Make the tabs themselves more compact */
#fullMarketAnalysisContainer .tea-tab {
    padding: 6px 12px !important;
    font-size: 0.8rem !important;
    min-height: unset !important;
}

/* Remove all margins from content within market sections */
#fullMarketAnalysisContainer .market-content-section > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Remove excessive margins from h2, h3, h4 elements */
#fullMarketAnalysisContainer h2,
#fullMarketAnalysisContainer h3,
#fullMarketAnalysisContainer h4 {
    margin-top: 0 !important;
    margin-bottom: var(--spacing-sm) !important;
}

/* Special case for the main h2 title */
#fullMarketAnalysisContainer h2:first-child,
#fullMarketAnalysisContainer .market-content-section:first-child h2:first-child {
    font-size: 1.3rem !important;
    margin-top: 0 !important;
    margin-bottom: var(--spacing-xs) !important;
    padding-top: 0 !important;
}

/* First element in each section shouldn't have top margin */
#fullMarketAnalysisContainer .market-content-section > *:first-child {
    margin-top: 0 !important;
}

/* Reduce paragraph spacing */
#fullMarketAnalysisContainer p {
    margin-top: 0;
    margin-bottom: var(--spacing-sm);
}

/* Remove padding/margins from any divs that might be adding space */
#fullMarketAnalysisContainer .key-insights-box,
#fullMarketAnalysisContainer .market-overview,
#fullMarketAnalysisContainer .treatment-funnel,
#fullMarketAnalysisContainer .metrics-grid,
#fullMarketAnalysisContainer .data-quality-grid {
    margin-top: var(--spacing-md) !important;
    margin-bottom: var(--spacing-md) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Override market executive summary h3 to have only horizontal underline */
#fullMarketAnalysisContainer .market-executive-summary h3 {
    padding-left: 0 !important;
    border-bottom: 2px solid #8B9187 !important; /* Mindstate: Medium gray underline */
}

/* Remove vertical accent line from market executive summary h3 */
#fullMarketAnalysisContainer .market-executive-summary h3::before {
    display: none !important;
}

/* Add proper vertical spacing for Market Size Analysis executive summary */
#fullMarketAnalysisContainer .tea-tab-group--header {
    margin-bottom: var(--spacing-lg) !important;
}

#fullMarketAnalysisContainer .market-executive-summary {
    margin-top: var(--spacing-md) !important;
}

#fullMarketAnalysisContainer .market-executive-summary h3 {
    margin-bottom: var(--spacing-lg) !important;
}

#fullMarketAnalysisContainer .market-executive-summary .market-kpi-grid {
    margin-top: var(--spacing-md) !important;
}

/* Increase space between Market Size Analysis title and tabs */
#fullMarketAnalysisContainer.tea-card-standardized .tea-card-header-with-tabs .tea-card-title-standardized {
    margin-bottom: var(--spacing-lg) !important;
}

/* Date info should be closer to title */
#fullMarketAnalysisContainer .date-info {
    margin-top: var(--spacing-xs) !important;
    margin-bottom: var(--spacing-md) !important;
}

#disorder-analysis-tab {
    padding: 0;
}

/* Disorder Selection Card */
/* Mindstate: Simplified card with minimal styling */
.disorder-selection-card {
    background: var(--color-white);
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Mindstate: Minimal shadow */
    position: relative;
    overflow: hidden;
}

.disorder-selection-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-lg);
}

/* Unified Card Header Styles for Disorders Page */
.disorder-selection-title,
.card-title,
#disorderAnalysisDetails h3:not(.prevalence-title):not(.symptom-analysis-title),
#standardOfCareSection h3,
#outcomePathwaySection h3,
.market-metric-group h4 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #000000; /* Mindstate: Pure black */
    margin: 0 0 var(--spacing-md) 0;
    padding: 0;
    line-height: 1.4;
    letter-spacing: -0.02em; /* Mindstate: Tighter letter spacing */
    border: none;
    background: transparent;
    text-transform: none;
}

/* Specific styles for prevalence title - with higher specificity */
.prevalence-header h3.prevalence-title,
.prevalence-insights-card h3.prevalence-title,
h3.prevalence-title {
    display: block !important;
    color: #000000 !important; /* Mindstate: Pure black */
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    margin: 0 0 var(--spacing-md) 0 !important;
    padding: 0 0 0 var(--spacing-lg) !important;
    border: none !important;
    background: transparent !important;
    -webkit-text-fill-color: #000000 !important; /* Mindstate: Pure black */
    text-fill-color: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 1 !important;
    letter-spacing: -0.02em !important; /* Mindstate: Tighter letter spacing */
}

/* Add vertical accent line for prevalence title */
h3.prevalence-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #6B8E23; /* Mindstate: Data green */
    border-radius: 0; /* Mindstate: Sharp corners */
}

/* Specific styles for symptom analysis title - with higher specificity */
.symptom-analysis-header h3.symptom-analysis-title,
.card h3.symptom-analysis-title,
h3.symptom-analysis-title {
    display: block !important;
    color: #000000 !important; /* Mindstate: Pure black */
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    margin: 0 0 var(--spacing-md) 0 !important;
    padding: 0 0 0 var(--spacing-lg) !important;
    border: none !important;
    background: transparent !important;
    -webkit-text-fill-color: #000000 !important; /* Mindstate: Pure black */
    text-fill-color: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 1 !important;
    letter-spacing: -0.02em !important; /* Mindstate: Tighter letter spacing */
}

/* Add vertical accent line for symptom analysis title */
h3.symptom-analysis-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #6B8E23; /* Mindstate: Data green */
    border-radius: 0; /* Mindstate: Sharp corners */
}

.disorder-selection-title::before {
    content: '🧠';
    font-size: 1.4rem;
    opacity: 0.9;
}

/* Enhanced Select Wrapper for Disorder Selection */
.disorder-select-wrapper {
    position: relative;
    max-width: 600px;
    width: 100%;
    margin: 0 auto var(--spacing-xl) auto;
    overflow: hidden;
}

.disorder-select-wrapper::after {
    content: '▼';
    position: absolute;
    right: var(--spacing-md);
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #6B8E23; /* Mindstate: Data green */
    font-size: 0.8rem;
    transition: transform var(--transition-fast) ease;
}

.disorder-select-wrapper:hover::after {
    transform: translateY(-50%) translateY(2px);
}

#teaDisorderSelect {
    width: 100%;
    max-width: 100%;
    padding: var(--spacing-md) var(--spacing-lg);
    padding-right: calc(var(--spacing-lg) + 24px);
    font-size: 1rem;
    border-radius: 0; /* Mindstate: Sharp corners */
    background: var(--color-white); /* Mindstate: White background */
    border: 1px solid #3B3B3B; /* Mindstate: Dark gray border */
    box-shadow: none; /* Mindstate: Remove inset shadow */
    transition: all var(--transition-medium) ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#teaDisorderSelect:focus {
    border-color: #000000; /* Mindstate: Black border on focus */
    box-shadow: none; /* Mindstate: No shadow on focus */
    transform: translateY(-1px);
}

/* Fix text overflow in dropdown options */
#teaDisorderSelect option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: var(--spacing-sm) var(--spacing-md);
}

/* Disorder Analysis Details Container */
#disorderAnalysisDetails {
    /* Container for populated content */
}

/* Styles from older general selectors that were scoped with #disorderAnalysisDetails */
#disorderAnalysisDetails .card ul {
    list-style: none;
    padding: 0;
}

/* Mindstate: Simplified list items */
#disorderAnalysisDetails .card ul li {
    background: #FAFAFA; /* Mindstate: Very light gray */
    padding: var(--spacing-sm) var(--spacing-md);
    margin-bottom: var(--spacing-sm);
    border-radius: 0; /* Mindstate: Sharp corners */
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
    transition: all var(--transition-fast) ease;
    color: #3B3B3B; /* Mindstate: Dark gray text */
}

#disorderAnalysisDetails .card ul li:hover {
    transform: translateX(2px);
    border-color: #3B3B3B; /* Mindstate: Dark border on hover */
    color: #000000; /* Mindstate: Black text on hover */
}

/* Subsection headers within cards */
#disorderAnalysisDetails .card h5,
.step-list h5,
.treatment-list h5 {
    font-size: 1rem;
    font-weight: 500;
    color: #000000; /* Mindstate: Pure black */
    margin: var(--spacing-md) 0 var(--spacing-sm) 0;
    padding: 0;
    padding-bottom: var(--spacing-xs);
    border: none;
    border-bottom: 2px solid #8B9187; /* Mindstate: Medium gray underline */
}

/* Ensure h5 headers don't have vertical accent lines */
#disorderAnalysisDetails .card h5::before,
.step-list h5::before,
.treatment-list h5::before {
    display: none !important;
}

/* Mindstate: Simplified word cloud */
#disorderAnalysisDetails .word-cloud {
    background: #FAFAFA; /* Mindstate: Very light gray */
    padding: var(--spacing-md);
    border-radius: 0; /* Mindstate: Sharp corners */
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove inset shadow */
}

/* Disorder Overview Dashboard (Populated when a disorder is selected) */
/* Mindstate: Clean dashboard styling */
.disorder-overview-dashboard {
    /* Remove card styling - content displays directly on background */
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin-bottom: var(--spacing-xl);
    border: none;
    box-shadow: none;
}

.disorder-header-info {
    text-align: center;
    margin-bottom: var(--spacing-xl);
    padding-bottom: var(--spacing-lg);
}

/* Special styling for the main disorder name (h1) */
/* Mindstate: Simplified disorder name styling */
h1.disorder-name,
.disorder-header-info h1.disorder-name {
    font-size: 2.5rem !important;
    font-weight: 300 !important; /* Mindstate: Lighter weight for large text */
    margin-bottom: var(--spacing-xl) !important;
    padding-bottom: var(--spacing-md) !important;
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    letter-spacing: -0.06em !important; /* Mindstate: Tighter letter spacing */
    line-height: 1.2;
    text-align: center !important;
    color: #000000 !important; /* Mindstate: Pure black */
    background: none !important; /* Mindstate: Remove gradient */
    -webkit-text-fill-color: #000000 !important; /* Mindstate: Pure black */
    background-clip: unset !important;
    text-shadow: none !important; /* Mindstate: Remove shadow */
    position: relative;
    cursor: default !important; /* Override cursor pointer from other modules */
    text-decoration: none !important;
}

/* Override hover effect for disorder name on disorder page */
h1.disorder-name:hover,
.disorder-header-info h1.disorder-name:hover {
    color: #000000 !important; /* Keep black on hover */
    text-decoration: none !important; /* No underline on hover */
}

/* Mindstate: Simplified underline */
h1.disorder-name::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100px !important;
    height: 3px !important;
    background: #6B8E23 !important; /* Mindstate: Data green */
    border-radius: 0 !important; /* Mindstate: Sharp corners */
    box-shadow: none !important; /* Mindstate: Remove shadow */
    display: block !important;
}

.disorder-chapter {
    font-size: 1rem;
    color: #8B9187; /* Mindstate: Medium gray */
    font-weight: 500;
}

/* Ensure metric cards in disorders use correct styling */
.disorder-metrics-dashboard .metric-card .metric-value {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: -0.04em;
}

/* Metrics Dashboard Grid for Disorder Overview */
.disorder-metrics-dashboard {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
}

/* Mindstate: Simplified metric cards */
.disorder-metric-card {
    background: var(--color-white);
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: var(--spacing-lg);
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Mindstate: Minimal shadow */
    transition: all var(--transition-medium) ease;
}

.disorder-metric-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); /* Mindstate: Slightly deeper shadow on hover */
}

/* Mindstate: Simplified metric icon */
.disorder-metric-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto var(--spacing-md);
    background: #F4F4F4; /* Mindstate: Light gray */
    border-radius: 50%; /* Keep circular */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    border: 1px solid #EBEBEB; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
    color: #6B8E23; /* Mindstate: Data green */
}

/* Mindstate: Clean metric values */
.disorder-metric-value {
    font-size: 2rem;
    font-weight: 300; /* Mindstate: Light weight for large numbers */
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    margin-bottom: var(--spacing-xs);
    color: #000000; /* Mindstate: Pure black */
    letter-spacing: -0.04em; /* Mindstate: Tighter letter spacing */
}

.disorder-metric-label {
    font-size: 0.85rem;
    color: #8B9187; /* Mindstate: Medium gray */
    text-transform: uppercase;
    letter-spacing: 0.05em; /* Mindstate: Wide letter spacing for labels */
    font-weight: 500;
}

.disorder-metric-sublabel {
    font-size: 0.75rem;
    color: #A7A7A7; /* Mindstate: Light gray subtext */
    margin-top: var(--spacing-xs);
}

/* Visual Progress Bar for Metrics */
/* Mindstate: Simplified progress bar */
.disorder-metric-progress {
    width: 100%;
    height: 6px;
    background: #F4F4F4; /* Mindstate: Light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    margin-top: var(--spacing-sm);
    overflow: hidden;
    box-shadow: none; /* Mindstate: Remove inset shadow */
}

.disorder-metric-progress-fill {
    height: 100%;
    border-radius: 0; /* Mindstate: Sharp corners */
    transition: width var(--transition-medium) cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    background: #6B8E23; /* Mindstate: Data green */
}

/* Prevalence Insights Card */
/* Mindstate: Clean prevalence card */
.prevalence-insights-card {
    background: var(--color-white) !important;
    border-radius: 0; /* Mindstate: Sharp corners */
    margin-bottom: var(--spacing-xl);
    overflow: hidden;
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Mindstate: Minimal shadow */
}

.prevalence-header {
    background: var(--color-white);
    padding: var(--spacing-lg);
    border-bottom: 1px solid #F4F4F4; /* Mindstate: Light border */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.prevalence-content {
    padding: var(--spacing-lg);
    background: var(--color-white);
}

/* Prevalence Accordion Sections */
/* Mindstate: Simplified accordion sections */
.prevalence-section {
    margin-bottom: var(--spacing-md);
    background: #FAFAFA; /* Mindstate: Very light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    overflow: hidden;
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
}

.prevalence-section-header {
    padding: var(--spacing-md) var(--spacing-lg);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all var(--transition-fast) ease;
    user-select: none;
}

.prevalence-section-header:hover {
    background: #EBEBEB; /* Mindstate: Slightly darker gray on hover */
}

.prevalence-section-title {
    font-weight: 500;
    color: #000000; /* Mindstate: Pure black */
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

/* Mindstate: Simplified section icon */
.prevalence-section-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F4F4F4; /* Mindstate: Light gray */
    border-radius: 50%; /* Keep circular */
    font-size: 0.9rem;
    border: 1px solid #EBEBEB; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
    color: #6B8E23; /* Mindstate: Data green */
}

.prevalence-section-content {
    display: none;
    padding: var(--spacing-lg);
    background: var(--color-white);
    border-top: 1px solid #F4F4F4; /* Mindstate: Light border */
}

.prevalence-section-content.active {
    display: block;
    animation: slideDown 0.3s ease;
}

/* Symptom Analysis Grid */
.symptom-analysis-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-lg);
}

/* Mindstate: Simplified count badge */
.symptom-count-badge {
    background: #F4F4F4; /* Mindstate: Light gray */
    color: #3B3B3B; /* Mindstate: Dark gray */
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: 0; /* Mindstate: Sharp corners */
    font-size: 0.85rem;
    font-weight: 500;
    border: 1px solid #EBEBEB; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
}

/* Masonry layout for symptom cards */
.symptom-analysis-grid {
    display: flex;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
    width: 100%;
}

/* Individual columns for masonry effect */
.symptom-analysis-grid .symptoms-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

/* Responsive behavior for mobile */
@media (max-width: 768px) {
    .symptom-analysis-grid {
        flex-direction: column;
    }
    
    .symptom-analysis-grid .symptoms-column {
        width: 100%;
    }
}

/* Mindstate: Clean symptom cards */
.symptom-analysis-card {
    background: var(--color-white);
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: var(--spacing-lg);
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Mindstate: Minimal shadow */
    transition: all var(--transition-medium) ease;
    position: relative;
    overflow: visible; /* Allow ID badge to extend outside */
    display: flex;
    flex-direction: column;
}

/* Symptom ID Badge */
.symptom-id-badge {
    position: absolute;
    top: -1px;
    right: -1px;
    background: #3B3B3B; /* Dark gray background */
    color: #FFFFFF; /* White text */
    padding: 4px 10px;
    font-size: 0.7rem;
    font-weight: 600;
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    letter-spacing: 0.05em;
    z-index: 1;
    border-bottom-left-radius: 8px;
}

/* Mindstate: Solid left accent border */
.symptom-analysis-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #8B9187; /* Mindstate: Medium gray */
    transition: background-color var(--transition-fast) ease;
}

.symptom-analysis-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); /* Mindstate: Slightly deeper shadow */
}

.symptom-analysis-card:hover::before {
    background: #6B8E23; /* Mindstate: Data green on hover */
}

.symptom-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #000000; /* Mindstate: Pure black */
    margin-bottom: var(--spacing-sm);
    line-height: 1.3;
    letter-spacing: -0.02em;
    display: block;
}

/* Synonym variations display */
.symptom-synonyms {
    margin-bottom: var(--spacing-md);
}

.symptom-synonyms .symptom-title {
    margin-bottom: var(--spacing-xs);
}

.synonym-variations {
    font-size: 0.85rem;
    font-weight: 400;
    color: #666666;
    font-style: italic;
    line-height: 1.4;
    margin-top: 4px;
}

/* Visual Severity and Lability Meters for Symptoms */
.symptom-metrics {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
}

/* Mindstate: Simplified metric display */
.symptom-metric {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.symptom-metric-label {
    font-size: 0.8rem;
    color: #8B9187; /* Mindstate: Medium gray */
    text-transform: uppercase;
    letter-spacing: 0.05em; /* Mindstate: Wide letter spacing */
    font-weight: 500;
    min-width: 70px;
}

/* Mindstate: Simplified metric value display */
.symptom-metric-value {
    font-size: 0.9rem;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 12px; /* Pill shape */
    background: #F4F4F4; /* Light gray background */
    border: 1px solid #EBEBEB; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    margin-left: auto;
    white-space: nowrap;
}

/* Mindstate: Clean metric bar */
.symptom-metric-bar {
    flex: 1;
    height: 8px;
    background: #EBEBEB; /* Mindstate: Light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    overflow: hidden;
    box-shadow: none; /* Mindstate: Remove inset shadow */
    position: relative;
}

.symptom-metric-fill {
    height: 100%;
    border-radius: 0; /* Mindstate: Sharp corners */
    transition: width var(--transition-medium) ease;
    position: relative;
}

/* Disorder badge for symptom cards on symptoms page */
.symptom-disorder-badge {
    margin: var(--spacing-xs) 0 var(--spacing-md) 0;
    display: inline-block;
}

.symptom-disorder-badge .badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    font-size: 0.75rem;
    font-weight: 500;
    background: #F0F8F0; /* Very light green background */
    color: #000000; /* Black text */
    border: 1px solid #6B8E23; /* Green border */
    border-radius: 12px; /* Pill shape */
    cursor: pointer;
    transition: all var(--transition-fast) ease;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.symptom-disorder-badge .badge:hover {
    background: #6B8E23; /* Green background on hover */
    color: #FFFFFF; /* White text on hover */
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Effects Section within Symptom Analysis Card */
.symptom-effects {
    margin-top: var(--spacing-md);
}

/* Mindstate: Clean effects header */
.symptom-effects-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-sm) var(--spacing-md);
    background: #FAFAFA; /* Mindstate: Very light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    cursor: pointer;
    user-select: none;
    transition: all var(--transition-fast) ease;
    margin-bottom: var(--spacing-sm);
}

.symptom-effects-header:hover {
    background: #EBEBEB; /* Mindstate: Slightly darker on hover */
    transform: translateX(2px);
}

.symptom-effects-title {
    font-size: 0.9rem;
    font-weight: 500;
    color: #000000; /* Mindstate: Pure black */
}

/* Mindstate: Simplified chevron icon */
.symptom-effects-chevron {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F4F4F4; /* Mindstate: Light gray */
    border-radius: 50%; /* Keep circular */
    font-size: 0.7rem;
    color: #6B8E23; /* Mindstate: Data green */
    border: 1px solid #EBEBEB; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
    transition: transform var(--transition-fast) ease;
}

.symptom-effects-header.active .symptom-effects-chevron {
    transform: rotate(180deg);
}

.symptom-effects-content {
    display: none;
    padding: var(--spacing-sm);
}

.symptom-effects-content.active {
    display: block;
    animation: fadeIn 0.3s ease;
}

/* Effect Pills */
.effect-pills {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
    margin-bottom: var(--spacing-sm);
}

.effect-item-wrapper {
    margin-bottom: var(--spacing-sm);
    width: 100%;
}

/* Improved effect pills with better aesthetics */
.effect-pill {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: #F8F8F8; /* Slightly lighter gray */
    color: #2D2D2D; /* Softer dark gray */
    border-radius: 6px; /* Subtle rounding */
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all var(--transition-fast) ease;
    border: 1px solid #E5E5E5; /* Lighter border */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02); /* Very subtle shadow */
    width: 100%;
    margin-bottom: 4px;
}

.effect-pill:hover {
    transform: translateY(-2px);
    background: #EBEBEB; /* Mindstate: Slightly darker on hover */
    border-color: #3B3B3B; /* Mindstate: Dark border */
}

.effect-pill.active {
    background: #6B8E23; /* Mindstate: Data green when active */
    color: var(--color-white);
    border-color: #6B8E23; /* Mindstate: Match border */
}

/* Effect link within pill */
.effect-pill .effect-link {
    color: inherit;
    text-decoration: none;
    transition: color var(--transition-fast) ease;
}

.effect-pill .effect-link:hover {
    color: #6B8E23;
    text-decoration: underline;
}

.effect-pill.active .effect-link {
    color: var(--color-white);
}

.effect-pill.active .effect-link:hover {
    color: var(--color-white);
    text-decoration: underline;
}

.effect-pill-chevron {
    font-size: 0.8rem !important;
    color: #3B3B3B !important; /* Mindstate: Dark gray */
    display: inline-block !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    margin-left: var(--spacing-sm);
    transition: color 0.3s ease !important;
}

.effect-pill:hover .effect-pill-chevron {
    color: #000000 !important; /* Mindstate: Black on hover */
}

.effect-pill.active .effect-pill-chevron {
    color: var(--color-white) !important;
}

/* Effect Details */
/* Improved details section with better spacing */
.effect-details {
    display: none;
    margin-top: 8px;
    padding: 10px 12px;
    background: #FCFCFC; /* Slightly lighter background */
    border-radius: 4px; /* Subtle rounding */
    font-size: 0.8rem;
    border: 1px solid #E8E8E8; /* Lighter border */
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02); /* Very subtle inset */
    animation: fadeIn 0.3s ease;
    position: relative;
}

.effect-details.active {
    display: block;
}

/* Improved rationale styling within symptom analysis cards */
.symptom-analysis-card .effect-details .effect-rationale {
    display: block;
    margin-bottom: 8px;
    line-height: 1.45;
    color: #4A4A4A; /* Softer gray for better readability */
    padding: 0;
    margin-left: 0;
    border-left: none;
    background: transparent;
    box-shadow: none;
    animation: none;
    font-size: 0.78rem;
}

/* Effect category styling */
.symptom-analysis-card .effect-details .effect-category {
    display: block;
    margin-bottom: 6px;
    line-height: 1.3;
    color: #6B8E23; /* Data green for category */
    padding: 0;
    margin-left: 0;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.effect-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: var(--spacing-sm);
}

/* Refined effect stat badges */
.effect-stat {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    font-size: 0.7rem;
    font-weight: 500;
    border-radius: 10px; /* Softer rounded corners */
    transition: all var(--transition-fast) ease;
    letter-spacing: 0.02em;
    line-height: 1.4;
    border: 1px solid transparent;
    position: relative;
    white-space: nowrap;
}

/* Specific stat badge styles with softer colors */
.effect-stat.badge-primary {
    background: rgba(107, 142, 35, 0.15); /* Light green background */
    color: #4A5F1C; /* Darker green text */
    border-color: rgba(107, 142, 35, 0.3);
}

.effect-stat.badge-warning {
    background: rgba(189, 183, 107, 0.15); /* Light yellow background */
    color: #6B6800; /* Darker yellow text */
    border-color: rgba(189, 183, 107, 0.3);
}

.effect-stat.badge-success {
    background: rgba(70, 130, 180, 0.15); /* Light blue background */
    color: #2C5282; /* Darker blue text */
    border-color: rgba(70, 130, 180, 0.3);
}

.effect-stat[style*="background: var(--color-blue)"] {
    background: rgba(70, 130, 180, 0.15) !important; /* Light blue background */
    color: #2C5282 !important; /* Darker blue text */
    border: 1px solid rgba(70, 130, 180, 0.3) !important;
}

/* Hover state for stat badges */
.effect-stat:hover {
    transform: translateY(-1px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Loading and No Data States for Disorder Analysis */
.disorder-loading {
    text-align: center;
    padding: var(--spacing-xxl);
    color: #8B9187; /* Mindstate: Medium gray */
}

.disorder-loading-spinner {
    width: 48px;
    height: 48px;
    margin: 0 auto var(--spacing-lg);
    border: 3px solid #F4F4F4; /* Mindstate: Light gray */
    border-top-color: #6B8E23; /* Mindstate: Data green */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.disorder-no-data {
    text-align: center;
    padding: var(--spacing-xxl);
    color: #8B9187; /* Mindstate: Medium gray */
    font-size: 1.1rem;
}

.disorder-no-data-icon {
    font-size: 3rem;
    margin-bottom: var(--spacing-md);
    opacity: 0.6;
}

/* Market Analysis Styles for Simple Display */
.market-metrics-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-lg);
    margin-top: var(--spacing-lg);
}

/* Mindstate: Clean metric groups */
.market-metric-group {
    background: #FAFAFA; /* Mindstate: Very light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: var(--spacing-lg);
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove inset shadow */
}

/* Market metric group headers now inherit from unified styles */
.market-metric-group h4 {
    /* Inherits from unified card header styles above */
}

/* Additional card header classes found in JavaScript */
.card-header h3,
.header-with-border {
    border: none !important;
}

/* Ensure all h3 elements within cards have consistent styling */
.tea-card h3:not(.prevalence-title):not(.symptom-analysis-title):not(.market-analysis-title):not(.outcome-pathway-title):not(.standard-of-care-title),
.card h3:not(.prevalence-title):not(.symptom-analysis-title):not(.market-analysis-title):not(.outcome-pathway-title):not(.standard-of-care-title),
.disorder-analysis-content h3:not(.prevalence-title):not(.symptom-analysis-title):not(.market-analysis-title):not(.outcome-pathway-title):not(.standard-of-care-title),
.prevalence-content h3:not(.prevalence-title):not(.symptom-analysis-title):not(.market-analysis-title):not(.outcome-pathway-title):not(.standard-of-care-title),
.symptom-analysis-content h3:not(.prevalence-title):not(.symptom-analysis-title):not(.market-analysis-title):not(.outcome-pathway-title):not(.standard-of-care-title) {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    color: #000000 !important; /* Mindstate: Pure black */
    margin: 0 0 var(--spacing-lg) 0 !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: none !important;
    background: transparent !important;
    letter-spacing: -0.02em !important; /* Mindstate: Tighter letter spacing */
}

/* Ensure metric titles within cards are consistent */
.disorder-metric-card .metric-title,
.market-metric-card .metric-title {
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: #3B3B3B !important; /* Mindstate: Dark gray */
    margin: var(--spacing-sm) 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em; /* Mindstate: Wide letter spacing */
}

/* Special treatment for section headers that need to stand out */
.prevalence-section-title,
.step-title {
    font-size: 1rem !important;
    font-weight: 500 !important;
}

.metric-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-sm) 0;
    border-bottom: 1px solid #EBEBEB; /* Mindstate: Light border */
    transition: all var(--transition-fast) ease;
}

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

.metric-label {
    font-size: 0.9rem;
    color: #3B3B3B; /* Mindstate: Dark gray */
    font-weight: 500;
}

.metric-value {
    font-size: 0.9rem;
    font-weight: 600;
    color: #000000; /* Mindstate: Pure black */
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Responsive adjustments for market metrics */
@media (max-width: 768px) {
    .market-metrics-grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }
}

/* Standard of Care Section */
#standardOfCareSection {
    /* Inherits all styling from .tea-card-standardized */
}

/* Compact headers for SOC sections with improved aesthetics */
.soc-executive-summary h3,
.soc-comparison-table h3 {
    font-size: 1.1rem !important;
    margin-bottom: var(--spacing-md) !important;
    padding-bottom: var(--spacing-sm) !important;
    color: #000000 !important; /* Mindstate: Pure black */
    font-weight: 600 !important;
    position: relative !important;
    padding-left: 0 !important;
}

/* Remove any vertical accent lines from SOC subtitles */
.soc-executive-summary h3::before,
.soc-comparison-table h3::before {
    display: none !important;
}

/* Section separators */
/* Mindstate: Simple line separator */
.soc-section-separator {
    height: 1px;
    background: #EBEBEB; /* Mindstate: Light gray */
    margin: var(--spacing-lg) 0;
    opacity: 0.3;
}

/* Executive Summary - flat white background with masonry layout */
.soc-executive-summary {
    margin-bottom: var(--spacing-md);
}

.soc-executive-summary h3 {
    margin-bottom: var(--spacing-lg);
}

/* Masonry layout for executive summary cards */
.soc-summary-masonry {
    column-count: 2;
    column-gap: 20px;
    margin-bottom: 16px;
}

/* Mindstate: Clean summary cards */
.soc-summary-card {
    break-inside: avoid;
    margin-bottom: 16px;
    display: inline-block;
    width: 100%;
    background: #FFFFFF; /* Mindstate: White background */
    border-radius: 0; /* Mindstate: Sharp corners */
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Mindstate: Minimal shadow */
    padding: 16px;
    position: relative;
    overflow: hidden;
    transition: all var(--transition-medium) ease;
    display: flex;
    align-items: center;
    gap: 12px;
}

.soc-summary-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); /* Mindstate: Slightly deeper shadow */
}

/* Mindstate: Solid color top accent */
.soc-summary-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #6B8E23; /* Mindstate: Data green */
    z-index: 1;
}

/* Mindstate: Clean summary icon */
.soc-summary-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F4F4F4; /* Mindstate: Light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    color: #6B8E23; /* Mindstate: Data green */
    border: 1px solid #EBEBEB; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
}

.soc-summary-icon i {
    width: 18px;
    height: 18px;
}

.soc-summary-content {
    flex: 1;
    min-width: 0;
}

.soc-summary-label {
    font-size: 0.8rem;
    color: #8B9187; /* Mindstate: Medium gray */
    margin-bottom: 4px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em; /* Mindstate: Wide letter spacing */
}

/* Mindstate: Clean summary value */
.soc-summary-value {
    font-size: 0.95rem;
    font-weight: 600;
    color: #000000; /* Mindstate: Pure black */
    line-height: 1.3;
    background: none; /* Mindstate: Remove gradient */
    -webkit-text-fill-color: #000000; /* Mindstate: Pure black */
    background-clip: unset;
}

/* Responsive masonry - single column on mobile */
@media (max-width: 768px) {
    .soc-summary-masonry {
        column-count: 1;
    }
}

/* Treatment Comparison Table */
/* Mindstate: Clean table styling */
.soc-comparison-table {
    background: var(--color-white);
    border-radius: 0; /* Mindstate: Sharp corners */
    overflow: hidden;
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Mindstate: Minimal shadow */
    margin-bottom: var(--spacing-md);
}

.soc-comparison-table table {
    width: 100%;
    border-collapse: collapse;
}

.soc-comparison-table th {
    background: #FAFAFA; /* Mindstate: Very light gray */
    padding: var(--spacing-sm) var(--spacing-md);
    text-align: left;
    font-weight: 600;
    font-size: 0.85rem;
    color: #000000; /* Mindstate: Pure black */
    border-bottom: 2px solid #3B3B3B; /* Mindstate: Dark gray underline */
    text-transform: uppercase; /* Mindstate: Uppercase headers */
    letter-spacing: 0.05em; /* Mindstate: Wide letter spacing */
}

.soc-comparison-table td {
    padding: var(--spacing-sm) var(--spacing-md);
    border-bottom: 1px solid #F4F4F4; /* Mindstate: Light border */
    font-size: 0.9rem;
}

.soc-comparison-table tr:hover {
    background: #FAFAFA; /* Mindstate: Very light gray on hover */
}

/* Efficacy Stars */
.soc-efficacy-stars {
    display: inline-flex;
    gap: 1px;
}

/* Mindstate: Simplified star styling */
.soc-efficacy-star {
    width: 12px;
    height: 12px;
    border-radius: 50%; /* Keep circular */
    background: #EBEBEB; /* Mindstate: Light gray */
}

.soc-efficacy-star.filled {
    background: #6B8E23; /* Mindstate: Data green */
}

/* Cost Indicators */
.soc-cost-indicator {
    color: #8B9187; /* Mindstate: Medium gray */
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Expandable Details Button */
/* Mindstate: Clean button styling */
.soc-expand-btn {
    background: #F4F4F4; /* Mindstate: Light gray */
    border: 1px solid #3B3B3B; /* Mindstate: Dark border */
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: 4px 12px;
    cursor: pointer;
    font-size: 0.85rem;
    color: #3B3B3B; /* Mindstate: Dark gray */
    transition: all var(--transition-fast) ease;
}

.soc-expand-btn:hover {
    background: #3B3B3B; /* Mindstate: Dark gray */
    color: #FFFFFF; /* Mindstate: White text */
    transform: translateY(-1px);
}

/* Collapsible Sections - Compact styling */
/* Mindstate: Clean accordion sections */
.soc-accordion-section {
    margin-bottom: var(--spacing-sm);
    background: #FAFAFA; /* Mindstate: Very light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    overflow: hidden;
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
}

.soc-accordion-header {
    padding: var(--spacing-md) var(--spacing-lg);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all var(--transition-fast) ease;
    user-select: none;
}

.soc-accordion-title {
    font-weight: 500;
    color: #000000; /* Mindstate: Pure black */
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.soc-accordion-title h4 {
    margin: 0;
    font-size: 1rem;
    color: #000000; /* Mindstate: Pure black */
    font-weight: 500;
    line-height: 1.2;
    display: flex;
    align-items: center;
}

/* Mindstate: Simplified accordion icons */
.soc-accordion-icon,
.soc-references-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F4F4F4; /* Mindstate: Light gray */
    border-radius: 50%; /* Keep circular */
    font-size: 0.9rem;
    border: 1px solid #EBEBEB; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
    color: #6B8E23; /* Mindstate: Data green */
}

.soc-references-title {
    font-weight: 500;
    color: #000000; /* Mindstate: Pure black */
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.soc-references-title h4 {
    margin: 0;
    font-size: 1rem;
    color: #000000; /* Mindstate: Pure black */
    font-weight: 500;
}

/* Ensure accordion headers don't have vertical accent lines or horizontal underlines */
.soc-accordion-title h4::before,
.soc-references-title h4::before,
.soc-accordion-title h4::after,
.soc-references-title h4::after {
    display: none !important;
    content: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    width: 0 !important;
    position: static !important;
}

/* Override inherited .card h4 margins and ensure proper vertical centering */
.soc-accordion-title h4,
.soc-references-title h4 {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
}

/* Ensure h4 elements inside accordion content areas maintain normal spacing */
.soc-accordion-content h4 {
    margin: 15px 0 10px 0;
}

.soc-accordion-header:hover {
    background: #EBEBEB; /* Mindstate: Slightly darker gray */
}

.soc-accordion-content {
    display: none;
    padding: var(--spacing-md);
    background: var(--color-white);
    border-top: 1px solid #F4F4F4; /* Mindstate: Light border */
    animation: slideDown 0.3s ease;
}

.soc-accordion-content.active {
    display: block;
}

/* =============================================================================
   UNIFIED ACCORDION CONTENT STYLING SYSTEM
   ============================================================================= */

/* Standardized accordion styling that can be applied across all cards */
/* Mindstate: Clean accordion sections */
.standardized-accordion-section {
    margin-bottom: var(--spacing-md);
    background: #FAFAFA; /* Mindstate: Very light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    overflow: hidden;
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
}

.standardized-accordion-header {
    padding: var(--spacing-md) var(--spacing-lg);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all var(--transition-fast) ease;
    user-select: none;
}

.standardized-accordion-header:hover {
    background: #EBEBEB; /* Mindstate: Slightly darker gray */
}

.standardized-accordion-header h4,
.standardized-accordion-header .accordion-title {
    margin: 0;
    font-size: 1rem;
    color: #000000; /* Mindstate: Pure black */
    font-weight: 500;
}

.standardized-accordion-content {
    display: none;
    padding: var(--spacing-lg);
    background: var(--color-white);
    border-top: 1px solid #F4F4F4; /* Mindstate: Light border */
    animation: slideDown 0.3s ease;
}

.standardized-accordion-content.active {
    display: block;
}

/* Base container for all accordion content */
.accordion-content-container {
    margin-top: 8px;
}

/* Unified grid layout for all accordion cards */
.accordion-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

/* Masonry layout for detailed protocols and special populations */
.accordion-masonry {
    column-count: 2;
    column-gap: 16px;
    margin-bottom: 12px;
}

.accordion-masonry .accordion-card {
    break-inside: avoid;
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}

/* Responsive masonry - single column on mobile */
@media (max-width: 768px) {
    .accordion-masonry {
        column-count: 1;
    }
}

/* Base card styling for all accordion items */
/* Mindstate: Clean accordion cards */
.accordion-card {
    background: #FFFFFF; /* Mindstate: White background */
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: 12px;
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
    transition: all var(--transition-medium) ease;
    margin-bottom: 12px;
}

.accordion-card:last-child {
    margin-bottom: 0;
}

.accordion-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Mindstate: Minimal shadow on hover */
}

/* Unified card title styling */
.accordion-card-title {
    font-size: 1rem;
    font-weight: 600;
    color: #000000; /* Mindstate: Pure black */
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid #8B9187; /* Mindstate: Medium gray underline */
    position: relative;
}

/* Mindstate: Simplified accent line */
.accordion-card-title::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 45px;
    height: 2px;
    background: #6B8E23; /* Mindstate: Data green */
    border-radius: 0; /* Mindstate: Sharp corners */
}

/* Unified list styling */
.accordion-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.accordion-list-item {
    padding: 10px 0;
    border-bottom: 1px solid #F4F4F4; /* Mindstate: Light border */
    font-size: 0.9rem;
    line-height: 1.4;
    color: #3B3B3B; /* Mindstate: Dark gray */
    position: relative;
    padding-left: 18px;
}

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

.accordion-list-item::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 10px;
    color: #6B8E23; /* Mindstate: Data green */
    font-weight: bold;
    font-size: 0.8rem;
}

/* Unified info section styling */
/* Mindstate: Clean info sections */
.accordion-info-section {
    background: #FAFAFA; /* Mindstate: Very light gray */
    padding: 12px;
    margin: 12px 0;
    border-radius: 0; /* Mindstate: Sharp corners */
    border-left: 3px solid #6B8E23; /* Mindstate: Data green accent */
}

.accordion-info-section strong {
    color: #000000; /* Mindstate: Pure black */
    display: block;
    margin-bottom: 6px;
    font-size: 0.9rem;
}

.accordion-info-item {
    margin-bottom: 6px;
    font-size: 0.9rem;
    color: #3B3B3B; /* Mindstate: Dark gray */
    line-height: 1.4;
}

.accordion-info-item:last-child {
    margin-bottom: 0;
}

/* Unified description styling */
.accordion-description {
    font-size: 0.9rem;
    line-height: 1.4;
    color: #3B3B3B; /* Mindstate: Dark gray */
    margin: 0;
    padding: 10px 0;
}

/* Unified note styling */
/* Mindstate: Clean note styling */
.accordion-note {
    background: #FFF5F5; /* Mindstate: Very light red tint */
    border-left: 3px solid #CD853F; /* Mindstate: Data orange */
    padding: 12px 16px;
    margin: 12px 0;
    border-radius: 0; /* Mindstate: Sharp corners */
    font-size: 0.9rem;
    color: #3B3B3B; /* Mindstate: Dark gray */
    font-style: italic;
}

/* Unified classification/highlight styling */
/* Mindstate: Clean highlight styling */
.accordion-highlight {
    background: #F0F8F0; /* Mindstate: Very light green tint */
    color: #000000; /* Mindstate: Pure black */
    padding: 16px;
    border-radius: 0; /* Mindstate: Sharp corners */
    margin-bottom: 16px;
    border-left: 4px solid #6B8E23; /* Mindstate: Data green */
    font-weight: 500;
}

/* =============================================================================
   SPECIFIC ACCORDION ADAPTATIONS
   ============================================================================= */

/* Enhanced Protocol Styling for Detailed Treatment Protocols */
.medication-list {
    /* Uses .accordion-grid layout */
}

.medication-item {
    /* Uses .accordion-card styling */
}

.medication-name {
    /* Uses .accordion-card-title styling */
}

.medication-dosage {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: #F0F8F0; /* Mindstate: Very light green tint */
    padding: 4px 8px;
    border-radius: 0; /* Mindstate: Sharp corners */
    font-size: 0.9rem;
    color: #3B3B3B; /* Mindstate: Dark gray */
    margin-bottom: 8px;
}

.protocol-classification {
    /* Uses .accordion-highlight styling */
}

.protocol-note {
    /* Uses .accordion-note styling */
}

.therapy-protocols {
    margin-top: 12px;
}

/* Mindstate: Clean protocol items */
.protocol-item {
    background: #FAFAFA; /* Mindstate: Very light gray */
    padding: 10px 12px;
    margin-bottom: 8px;
    border-radius: 0; /* Mindstate: Sharp corners */
    border-left: 3px solid #6B8E23; /* Mindstate: Data green accent */
    padding-left: 12px;
    border-bottom: none;
}

.protocol-item::before {
    display: none;
}

/* Mindstate: Blue-themed therapy format */
.therapy-format {
    background: #F0F5FF; /* Mindstate: Very light blue tint */
    border-left: 3px solid #4682B4; /* Mindstate: Data blue */
}

.format-item {
    /* Uses .accordion-info-item styling */
}

.format-item strong {
    color: #000000; /* Mindstate: Pure black */
}

/* Mindstate: Green-themed therapy manuals */
.therapy-manuals {
    background: #F0F8F0; /* Mindstate: Very light green tint */
    border-left: 3px solid #6B8E23; /* Mindstate: Data green */
}

.therapy-manuals strong {
    color: #000000; /* Mindstate: Pure black */
}

.therapy-manuals ul {
    margin: 0;
    padding-left: 20px;
}

.therapy-manuals li {
    /* Uses .accordion-info-item styling */
}

/* Mindstate: Simplified protocol classification */
.protocol-classification {
    font-style: italic;
    color: #8B9187; /* Mindstate: Medium gray */
    margin-bottom: var(--spacing-sm);
    padding: var(--spacing-xs) var(--spacing-sm);
    background: #FFF5F5; /* Mindstate: Very light red tint */
    border-radius: 0; /* Mindstate: Sharp corners */
    font-size: 0.85rem;
    border-left: 2px solid #CD853F; /* Mindstate: Data orange */
}

/* Mindstate: Blue-themed protocol note */
.protocol-note {
    background: #F0F5FF; /* Mindstate: Very light blue tint */
    border-left: 3px solid #4682B4; /* Mindstate: Data blue */
    padding: var(--spacing-xs) var(--spacing-sm);
    margin: var(--spacing-sm) 0;
    border-radius: 0; /* Mindstate: Sharp corners */
    font-size: 0.9rem;
    color: #3B3B3B; /* Mindstate: Dark gray */
}

/* Mindstate: Purple-themed protocol options */
.protocol-options {
    margin: var(--spacing-sm) 0;
    background: #F5F0FF; /* Mindstate: Very light purple tint */
    padding: var(--spacing-sm);
    border-radius: 0; /* Mindstate: Sharp corners */
    border-left: 3px solid #8B7D6B; /* Mindstate: Data purple */
}

.protocol-options strong {
    color: #000000; /* Mindstate: Pure black */
}

.protocol-options ul {
    margin: var(--spacing-xs) 0;
    padding-left: var(--spacing-lg);
}

.protocol-options li {
    margin-bottom: var(--spacing-xs);
    font-size: 0.9rem;
}

/* Mindstate: Green-themed protocol recommendation */
.protocol-recommendation {
    background: #F0F8F0; /* Mindstate: Very light green tint */
    border-left: 3px solid #6B8E23; /* Mindstate: Data green */
    padding: var(--spacing-xs) var(--spacing-sm);
    margin: var(--spacing-sm) 0;
    border-radius: 0; /* Mindstate: Sharp corners */
    font-size: 0.9rem;
    color: #3B3B3B; /* Mindstate: Dark gray */
}

.protocol-recommendation strong {
    color: #000000; /* Mindstate: Pure black */
}

/* Mindstate: Simplified therapy protocols */
.therapy-protocols {
    margin: var(--spacing-sm) 0;
    background: #FFF5F5; /* Mindstate: Very light red tint */
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: var(--spacing-sm);
    border-left: 3px solid #CD853F; /* Mindstate: Data orange */
}

.protocol-item {
    padding: var(--spacing-xs) var(--spacing-sm);
    margin-bottom: var(--spacing-xs);
    background: rgba(255, 255, 255, 0.6);
    border-radius: 0; /* Mindstate: Sharp corners */
    font-size: 0.9rem;
    border-left: 2px solid #CD853F; /* Mindstate: Data orange */
}

.protocol-item:last-child {
    margin-bottom: 0;
}

/* Mindstate: Purple-themed therapy format */
.therapy-format {
    margin: var(--spacing-sm) 0;
    background: #F5F0FF; /* Mindstate: Very light purple tint */
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: var(--spacing-sm);
    border-left: 3px solid #8B7D6B; /* Mindstate: Data purple */
}

.format-item {
    margin-bottom: var(--spacing-xs);
    font-size: 0.9rem;
    padding: var(--spacing-xs) 0;
}

.format-item:last-child {
    margin-bottom: 0;
}

.format-item strong {
    color: #000000; /* Mindstate: Pure black */
}

/* Mindstate: Green-themed therapy manuals */
.therapy-manuals {
    margin: var(--spacing-sm) 0;
    background: #F0F8F0; /* Mindstate: Very light green tint */
    padding: var(--spacing-sm);
    border-radius: 0; /* Mindstate: Sharp corners */
    border-left: 3px solid #6B8E23; /* Mindstate: Data green */
}

.therapy-manuals strong {
    color: #000000; /* Mindstate: Pure black */
}

.therapy-manuals ul {
    margin: var(--spacing-xs) 0;
    padding-left: var(--spacing-lg);
}

.therapy-manuals li {
    margin-bottom: var(--spacing-xs);
    font-size: 0.9rem;
}

/* Enhanced Treatment Comparison Table Styling */
.soc-efficacy-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.soc-efficacy-text {
    font-size: 0.8rem;
    color: #8B9187; /* Mindstate: Medium gray */
    text-align: center;
}

/* Detail row for expanded treatment information */
.soc-detail-row {
    background: #F0F8F0; /* Mindstate: Very light green tint */
}

.soc-detail-content {
    padding: var(--spacing-md) !important;
    border-top: 2px solid #8B9187; /* Mindstate: Medium gray */
}

/* Mindstate: Clean treatment details */
.soc-treatment-details {
    background: var(--color-white);
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: var(--spacing-md);
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove inset shadow */
}

.soc-treatment-details h6 {
    margin-top: 0;
    margin-bottom: var(--spacing-sm);
    color: #000000; /* Mindstate: Pure black */
    font-size: 1rem;
    font-weight: 600;
    border-bottom: 1px solid #F4F4F4; /* Mindstate: Light border */
    padding-bottom: var(--spacing-xs);
}

.detail-item {
    margin-bottom: var(--spacing-sm);
    padding: var(--spacing-xs);
    background: #FAFAFA; /* Mindstate: Very light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    font-size: 0.9rem;
    line-height: 1.4;
}

.detail-item:last-child {
    margin-bottom: 0;
}

.detail-item strong {
    color: #000000; /* Mindstate: Pure black */
    display: inline-block;
    margin-bottom: 2px;
}

.detail-med-list {
    margin: var(--spacing-xs) 0;
    padding-left: var(--spacing-lg);
}

.detail-med-list li {
    margin-bottom: var(--spacing-xs);
    font-size: 0.85rem;
}

.detail-item ul {
    margin: var(--spacing-xs) 0;
    padding-left: var(--spacing-lg);
}

.detail-item ul li {
    margin-bottom: var(--spacing-xs);
    font-size: 0.85rem;
}

.soc-detail-error {
    color: #8B9187; /* Mindstate: Medium gray */
    font-style: italic;
    text-align: center;
    padding: var(--spacing-md);
}

/* Enhanced Cost Details Styling */
.soc-cost-metric-annual {
    font-size: 0.75rem;
    color: #8B9187; /* Mindstate: Medium gray */
    margin-top: 2px;
    font-style: italic;
}

/* Mindstate: Blue-themed cost note */
.cost-note {
    background: #F0F5FF; /* Mindstate: Very light blue tint */
    border-left: 3px solid #4682B4; /* Mindstate: Data blue */
    padding: var(--spacing-xs) var(--spacing-sm);
    margin: var(--spacing-sm) 0;
    border-radius: 0; /* Mindstate: Sharp corners */
    font-size: 0.9rem;
}

/* Mindstate: Clean cost breakdown */
.therapy-cost-breakdown {
    background: #FAFAFA; /* Mindstate: Very light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
}

.cost-item {
    padding: var(--spacing-xs) 0;
    border-bottom: 1px solid #F4F4F4; /* Mindstate: Light border */
    font-size: 0.9rem;
}

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

.cost-item strong {
    color: #000000; /* Mindstate: Pure black */
    display: inline-block;
    min-width: 140px;
}

/* Mindstate: Green-themed telehealth costs */
.telehealth-costs {
    margin-top: var(--spacing-sm);
    padding: var(--spacing-sm);
    background: #F0F8F0; /* Mindstate: Very light green tint */
    border-radius: 0; /* Mindstate: Sharp corners */
    border-left: 3px solid #6B8E23; /* Mindstate: Data green */
}

.telehealth-costs h6 {
    margin-top: 0;
    margin-bottom: var(--spacing-xs);
    color: #000000; /* Mindstate: Pure black */
    font-size: 0.95rem;
}

.insurance-coverage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-sm);
    margin: var(--spacing-sm) 0;
}

/* Mindstate: Clean coverage items */
.coverage-item {
    background: var(--color-white);
    padding: var(--spacing-sm);
    border-radius: 0; /* Mindstate: Sharp corners */
    border-left: 3px solid #6B8E23; /* Mindstate: Data green */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Mindstate: Minimal shadow */
}

.coverage-label {
    font-weight: 600;
    color: #000000; /* Mindstate: Pure black */
    font-size: 0.85rem;
    margin-bottom: 2px;
}

.coverage-value {
    font-size: 0.9rem;
    color: #3B3B3B; /* Mindstate: Dark gray */
}

.coverage-list {
    list-style: none;
    padding: 0;
    margin: var(--spacing-sm) 0;
}

/* Mindstate: Clean coverage list items */
.coverage-list li {
    background: #FAFAFA; /* Mindstate: Very light gray */
    padding: var(--spacing-xs) var(--spacing-sm);
    margin-bottom: var(--spacing-xs);
    border-radius: 0; /* Mindstate: Sharp corners */
    font-size: 0.9rem;
    border-left: 2px solid #6B8E23; /* Mindstate: Data green */
}

.coverage-list li:last-child {
    margin-bottom: 0;
}

.coverage-list strong {
    color: #000000; /* Mindstate: Pure black */
}

.annual-costs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--spacing-sm);
    margin-top: var(--spacing-sm);
}

/* Mindstate: Clean annual cost cards */
.annual-cost-card {
    background: #FFFFFF; /* Mindstate: White background */
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: var(--spacing-md);
    text-align: center;
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Mindstate: Minimal shadow */
    transition: all var(--transition-fast) ease;
}

.annual-cost-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); /* Mindstate: Slightly deeper shadow */
}

.annual-cost-label {
    font-size: 0.85rem;
    color: #8B9187; /* Mindstate: Medium gray */
    text-transform: uppercase;
    letter-spacing: 0.05em; /* Mindstate: Wide letter spacing */
    margin-bottom: var(--spacing-xs);
    font-weight: 500;
}

.annual-cost-value {
    font-size: 1.1rem;
    font-weight: 700;
    color: #000000; /* Mindstate: Pure black */
    margin-bottom: 2px;
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.annual-cost-sublabel {
    font-size: 0.75rem;
    color: #8B9187; /* Mindstate: Medium gray */
    font-style: italic;
}

/* Side Effects and Special Populations Styling */
.soc-side-effects-list,
.soc-special-populations-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Mindstate: Clean list styling */
.soc-side-effects-list li,
.soc-special-populations-list li {
    background: var(--color-white);
    padding: var(--spacing-sm) var(--spacing-md);
    margin-bottom: var(--spacing-sm);
    border-radius: 0; /* Mindstate: Sharp corners */
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
    position: relative;
    padding-left: calc(var(--spacing-md) + 16px);
}

.soc-side-effects-list li::before,
.soc-special-populations-list li::before {
    content: '';
    position: absolute;
    left: var(--spacing-md);
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: #6B8E23; /* Mindstate: Data green */
    border-radius: 50%;
}

.soc-side-effects-list h5,
.soc-special-populations-list h5 {
    color: #000000; /* Mindstate: Pure black */
    font-size: 0.95rem;
    margin-bottom: var(--spacing-sm);
    font-weight: 600;
    padding-bottom: var(--spacing-xs);
    border-bottom: 2px solid #8B9187; /* Mindstate: Medium gray underline */
}

/* Ensure these h5 headers don't have vertical accent lines */
.soc-side-effects-list h5::before,
.soc-special-populations-list h5::before {
    display: none !important;
}

/* Cost & Insurance Details - inherits from unified system */
.soc-cost-metrics {
    /* Uses .accordion-grid layout */
}

/* Mindstate: Centered cost metric cards */
.soc-cost-metric-card {
    text-align: center;
}

.soc-cost-metric-label {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em; /* Mindstate: Wide letter spacing */
    margin-bottom: var(--spacing-xs);
    border-bottom: none;
    padding-bottom: 0;
}

.soc-cost-metric-label::after {
    display: none;
}

.soc-cost-metric-value {
    font-size: 1.1rem;
    font-weight: 600;
    color: #000000; /* Mindstate: Pure black */
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.soc-cost-metric-sublabel {
    font-size: 0.75rem;
    color: #8B9187; /* Mindstate: Medium gray */
    margin-top: 2px;
}

/* References Section - Collapsible */
/* Mindstate: Clean references section */
.soc-references {
    margin-top: var(--spacing-lg);
    background: #FAFAFA; /* Mindstate: Very light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    overflow: hidden;
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
}

.soc-references-header {
    padding: var(--spacing-sm) var(--spacing-md);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all var(--transition-fast) ease;
    user-select: none;
    background: #F0F8F0; /* Mindstate: Very light green tint */
}

.soc-references-header:hover {
    background: #E8F5E8; /* Mindstate: Slightly darker green tint */
}

.soc-references-header h4 {
    margin: 0;
    font-size: 0.95rem;
    color: #000000; /* Mindstate: Pure black */
    font-weight: 600;
}

/* Ensure references header doesn't have vertical accent line */
.soc-references-header h4::before {
    display: none !important;
}

/* General rule for all h5 headers within SOC content - ensure they only have horizontal underlines */
.standard-of-care-content h5,
.soc-accordion-content h5,
.detailed-info-box h5 {
    font-size: 0.95rem;
    font-weight: 600;
    color: #000000; /* Mindstate: Pure black */
    margin: var(--spacing-md) 0 var(--spacing-sm) 0;
    padding-bottom: var(--spacing-xs);
    border-bottom: 2px solid #8B9187; /* Mindstate: Medium gray underline */
}

/* Remove any vertical accent lines from SOC h5 headers */
.standard-of-care-content h5::before,
.soc-accordion-content h5::before,
.detailed-info-box h5::before {
    display: none !important;
}

.soc-references-content {
    display: none;
    padding: var(--spacing-md);
    background: #F0F8F0; /* Mindstate: Very light green tint */
    animation: slideDown 0.3s ease;
}

.soc-references-content.active {
    display: block;
}

.soc-reference-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
}

.soc-reference-item {
    margin: 0;
    padding: 0;
    position: relative;
}

/* Mindstate: Clean reference links */
.soc-reference-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    background: #FFFFFF; /* Mindstate: White background */
    padding: 4px 10px;
    border-radius: 0; /* Mindstate: Sharp corners */
    font-size: 0.8rem;
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
    transition: all var(--transition-fast) ease;
    color: #3B3B3B; /* Mindstate: Dark gray */
}

.soc-reference-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Mindstate: Minimal shadow */
    background-color: #F0F8F0; /* Mindstate: Very light green tint */
}

/* Mindstate: Updated external link icon color */
.soc-reference-link::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B8E23' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.soc-reference-link:hover::after {
    opacity: 1;
}

/* Mindstate: Simplified reference number */
.soc-reference-number {
    font-weight: 600;
    margin-right: 6px;
    color: #6B8E23; /* Mindstate: Data green */
}

/* Standard of Care section header now inherits from unified styles */
#standardOfCareSection h3 {
    /* Inherits from unified card header styles above */
}

/* Side Effects & Contraindications - inherits from unified system */
.side-effects-container {
    /* Uses .accordion-content-container styling */
}

.side-effects-category {
    /* Uses .accordion-card styling */
}

.side-effects-category-title {
    /* Uses .accordion-card-title styling */
}

.side-effect-item {
    /* Uses .accordion-list-item styling with warning icon */
}

.side-effect-item::before {
    content: "⚠";
    color: #BDB76B; /* Mindstate: Data yellow */
    font-size: 0.8rem;
}

/* Serious side effects styling */
/* Mindstate: Red-themed serious effects */
.serious-effects {
    border-left: 4px solid #CD853F; /* Mindstate: Data orange for warnings */
    background: #FFF5F0; /* Mindstate: Very light orange tint */
}

.serious-effects .side-effects-category-title {
    color: #000000; /* Mindstate: Pure black */
}

.serious-item::before {
    content: "⛔";
    color: #CD853F; /* Mindstate: Data orange */
    font-size: 0.9rem;
}

/* Withdrawal effects styling */
/* Mindstate: Yellow-themed withdrawal effects */
.withdrawal-effects {
    border-left: 4px solid #BDB76B; /* Mindstate: Data yellow */
    background: #FFFEF0; /* Mindstate: Very light yellow tint */
}

.withdrawal-effects .side-effects-category-title {
    color: #000000; /* Mindstate: Pure black */
}

.withdrawal-info {
    padding: 8px 0;
    font-size: 0.9rem;
    line-height: 1.4;
    color: #3B3B3B; /* Mindstate: Dark gray */
    border-bottom: 1px solid rgba(189, 183, 107, 0.1);
}

.withdrawal-info:last-child {
    border-bottom: none;
}

.withdrawal-info strong {
    color: #000000; /* Mindstate: Pure black */
}

/* Contraindications styling */
/* Mindstate: Orange-themed contraindications */
.contraindications {
    border-left: 4px solid #CD853F; /* Mindstate: Data orange */
}

.contraindications .side-effects-category-title {
    color: #000000; /* Mindstate: Pure black */
}

.contraindication-item::before {
    content: "🚫";
    font-size: 0.8rem;
}

/* Therapy limitations styling */
/* Mindstate: Neutral-themed limitations */
.therapy-limitations {
    border-left: 4px solid #8B9187; /* Mindstate: Medium gray */
    background: #F8F8F8; /* Mindstate: Very light gray */
}

.therapy-limitations .side-effects-category-title {
    color: #000000; /* Mindstate: Pure black */
}

.therapy-limitation {
    padding: 8px 0;
    font-size: 0.9rem;
    line-height: 1.4;
    color: #3B3B3B; /* Mindstate: Dark gray */
    border-bottom: 1px solid rgba(139, 145, 135, 0.1);
}

.therapy-limitation:last-child {
    border-bottom: none;
}

.therapy-limitation strong {
    color: #000000; /* Mindstate: Pure black */
}

/* Evidence gaps styling */
/* Mindstate: Gray-themed evidence gaps */
.evidence-gaps {
    border-left: 4px solid #A7A7A7; /* Mindstate: Light gray subtext */
    background: #FAFAFA; /* Mindstate: Very light gray */
}

.evidence-gaps .side-effects-category-title {
    color: #000000; /* Mindstate: Pure black */
}

.evidence-gap-item::before {
    content: "❓";
    font-size: 0.8rem;
}

.side-effect-description {
    font-size: 0.9rem;
    line-height: 1.4;
    color: #3B3B3B; /* Mindstate: Dark gray */
    margin: 0;
    padding: 10px 0;
}

.standard-of-care-content {
    /* Remove redundant styling since parent .tea-card already has padding/background */
}

.standard-of-care-content p {
    line-height: 1.7;
    color: #3B3B3B; /* Mindstate: Dark gray */
    margin-bottom: var(--spacing-md);
}

.standard-of-care-content p:last-child {
    margin-bottom: 0;
}

.standard-of-care-content strong {
    color: #000000; /* Mindstate: Pure black */
    font-weight: 600;
}

.standard-of-care-content a {
    color: #6B8E23; /* Mindstate: Data green */
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all var(--transition-fast) ease;
}

.standard-of-care-content a:hover {
    color: #000000; /* Mindstate: Black on hover */
    border-bottom-color: #000000;
}

.standard-of-care-loading {
    text-align: center;
    padding: var(--spacing-xl);
    color: #8B9187; /* Mindstate: Medium gray */
}

.standard-of-care-no-data {
    text-align: center;
    padding: var(--spacing-xl);
    color: #8B9187; /* Mindstate: Medium gray */
    font-style: italic;
}

/* Standard of Care Summary Styling */
/* Mindstate: Clean summary styling */
.standard-of-care-summary {
    background: #FAFAFA; /* Mindstate: Very light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove inset shadow */
}

.standard-of-care-summary p {
    line-height: 1.7;
    color: #3B3B3B; /* Mindstate: Dark gray */
    margin-bottom: var(--spacing-md);
}

.standard-of-care-summary p:last-child {
    margin-bottom: 0;
}

.standard-of-care-summary strong {
    color: #000000; /* Mindstate: Pure black */
    font-weight: 600;
}

.standard-of-care-summary a {
    color: #6B8E23; /* Mindstate: Data green */
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all var(--transition-fast) ease;
    display: inline-block;
}

.standard-of-care-summary a:hover {
    color: #000000; /* Mindstate: Black on hover */
    border-bottom-color: #000000;
    transform: translateY(-1px);
}

/* Apply metric styling to strong tags with numbers/percentages */
/* Mindstate: Clean metric display */
.standard-of-care-summary strong.metric {
    background: #F4F4F4; /* Mindstate: Light gray */
    color: #000000; /* Mindstate: Pure black */
    padding: 2px 6px;
    border-radius: 0; /* Mindstate: Sharp corners */
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 0.95em;
    display: inline-block;
    margin: 0 2px;
    border: 1px solid #EBEBEB; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
}

/* Outcome Pathway Section */
#outcomePathwaySection {
    /* Inherits all styling from .tea-card-standardized */
}

/* Outcome Pathway section header now inherits from unified styles */
#outcomePathwaySection h3 {
    /* Inherits from unified card header styles above */
}

.pathway-container {
    min-height: auto;
    max-height: 650px;
    overflow: hidden;
    position: relative;
    margin: calc(-1 * var(--spacing-sm)) calc(-1 * var(--spacing-sm)) 0 calc(-1 * var(--spacing-sm));
    padding: var(--spacing-sm);
}

/* When pathway container has actual flowchart content, ensure minimum height */
.pathway-container:has(svg:not([data-lucide])),
.pathway-container:has(canvas),
.pathway-container:has(.react-flow) {
    min-height: 400px;
}

/* Remove bottom padding from cards with no-data displays */
#outcomePathwaySection .tea-card-content-standardized,
#standardOfCareSection .tea-card-content-standardized:has(> div[style*="padding: 8px"]) {
    padding-bottom: 0;
}

/* Ensure the pathway SVG container has proper styling */
.pathway-container > div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* Scale the pathway content to fit container width */
.pathway-container svg,
.pathway-container canvas,
.pathway-container > div > div {
    max-width: 100%;
    height: auto;
    transform-origin: top center;
}

/* Apply responsive scaling to the pathway diagram */
.pathway-container .pg-viewer-main,
.pathway-container .pathway-diagram,
.pathway-container .diagram-container {
    width: 100% !important;
    max-width: 100% !important;
    transform-origin: top left;
    transition: transform 0.3s ease;
}

/* Scale down large diagrams to fit */
.pathway-container svg {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
}

/* Style the scrollbars for the pathway container */
.pathway-container::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.pathway-container::-webkit-scrollbar-track {
    background: #F4F4F4; /* Mindstate: Light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
}

.pathway-container::-webkit-scrollbar-thumb {
    background: #8B9187; /* Mindstate: Medium gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    box-shadow: none; /* Mindstate: Remove inset shadow */
}

.pathway-container::-webkit-scrollbar-thumb:hover {
    background: #3B3B3B; /* Mindstate: Dark gray on hover */
}

/* Pathway viewer specific styles */
.pg-viewer-main {
    width: 100%;
}

.text-muted {
    color: #8B9187; /* Mindstate: Medium gray */
    font-style: italic;
}

.text-danger {
    color: #CD853F; /* Mindstate: Data orange for warnings */
}

/* Section Divider */
/* Mindstate: Simple line divider */
.section-divider {
    height: 1px;
    background: #EBEBEB; /* Mindstate: Light gray */
    margin: var(--spacing-xl) 0;
    opacity: 0.3;
}

/* Research Pipeline Styles */
.research-pipeline-container {
    margin-top: var(--spacing-lg);
}

.pipeline-intro {
    color: #3B3B3B; /* Mindstate: Dark gray */
    margin-bottom: var(--spacing-lg);
    font-size: 0.95rem;
}

/* Mindstate: Clean pipeline steps */
.pipeline-step {
    background: #FAFAFA; /* Mindstate: Very light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    margin-bottom: var(--spacing-md);
    overflow: hidden;
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
    box-shadow: none; /* Mindstate: Remove shadow */
}

.step-header {
    display: flex;
    align-items: center;
    padding: var(--spacing-md) var(--spacing-lg);
    cursor: pointer;
    transition: all var(--transition-fast) ease;
    gap: var(--spacing-md);
}

.step-header:hover {
    background: #EBEBEB; /* Mindstate: Slightly darker gray */
}

.step-header.active {
    background: #F0F8F0; /* Mindstate: Very light green tint */
}

.step-number {
    width: 40px;
    height: 40px;
    border-radius: 50%; /* Keep circular */
    background: #6B8E23; /* Mindstate: Data green */
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.step-title {
    flex: 1;
    font-weight: 600;
    color: #000000; /* Mindstate: Pure black */
    font-size: 1.1rem;
}

.step-chevron {
    font-size: 1.5rem;
    color: #3B3B3B; /* Mindstate: Dark gray */
    transition: transform var(--transition-fast) ease;
}

.step-header.active .step-chevron {
    transform: rotate(90deg);
}

.step-content {
    padding: 0 var(--spacing-lg) var(--spacing-lg);
    animation: fadeIn 0.3s ease;
}

.step-description {
    color: #3B3B3B; /* Mindstate: Dark gray */
    margin-bottom: var(--spacing-md);
    font-size: 0.95rem;
    line-height: 1.6;
}

.step-list {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--spacing-lg) 0;
}

.step-list li {
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: var(--spacing-sm);
    color: #3B3B3B; /* Mindstate: Dark gray */
    line-height: 1.5;
}

.step-list li::before {
    content: "•";
    color: #6B8E23; /* Mindstate: Data green */
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* Mindstate: Clean prompt box */
.prompt-box {
    background: #EBEBEB; /* Mindstate: Light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: var(--spacing-lg);
    margin-top: var(--spacing-md);
    border: 1px solid #3B3B3B; /* Mindstate: Dark border */
    box-shadow: none; /* Mindstate: Remove inset shadow */
}

/* Prompt box headers with special color */
.prompt-box h4 {
    color: #6B8E23; /* Mindstate: Data green */
    font-size: 1rem;
}

/* Mindstate: Clean prompt content */
.prompt-content {
    background: var(--color-white);
    border: 1px solid #3B3B3B; /* Mindstate: Dark border */
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: var(--spacing-md);
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 0.85rem;
    line-height: 1.6;
    color: #000000; /* Mindstate: Pure black */
    white-space: pre-wrap;
    word-wrap: break-word;
    max-height: 400px;
    overflow-y: auto;
    margin-bottom: var(--spacing-md);
}

/* Mindstate: Clean button styling */
.copy-prompt-btn {
    background: #6B8E23; /* Mindstate: Data green */
    color: white;
    border: none;
    padding: var(--spacing-sm) var(--spacing-lg);
    border-radius: 0; /* Mindstate: Sharp corners */
    cursor: pointer;
    font-weight: 500;
    transition: all var(--transition-fast) ease;
    font-size: 0.9rem;
}

.copy-prompt-btn:hover:not(:disabled) {
    background: #000000; /* Mindstate: Black on hover */
    transform: translateY(-2px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); /* Mindstate: Minimal shadow */
}

.copy-prompt-btn:disabled {
    opacity: 0.7;
    cursor: default;
}

/* Mindstate: Clean info box */
.info-box {
    background: #FFF5F0; /* Mindstate: Very light orange tint */
    border-left: 4px solid #CD853F; /* Mindstate: Data orange */
    border-radius: 0; /* Mindstate: Sharp corners */
    padding: var(--spacing-md);
    margin-top: var(--spacing-md);
}

.info-box p {
    margin-bottom: var(--spacing-sm);
    color: #3B3B3B; /* Mindstate: Dark gray */
}

.info-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.info-box ul li {
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: var(--spacing-xs);
    color: #3B3B3B; /* Mindstate: Dark gray */
}

.info-box ul li::before {
    content: "→";
    color: #CD853F; /* Mindstate: Data orange */
    position: absolute;
    left: 0;
}

/* Ensure SOC tabs are clickable */
#standardOfCareContent .tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

/* Mindstate: Clean tab styling */
#standardOfCareContent .tabs .tab {
    cursor: pointer;
    position: relative;
    z-index: 10;
    user-select: none;
    padding: 10px 20px;
    background: #FAFAFA; /* Mindstate: Very light gray */
    border-radius: 0; /* Mindstate: Sharp corners */
    transition: all 0.3s ease;
    border: 1px solid #F4F4F4; /* Mindstate: Light border */
}

#standardOfCareContent .tabs .tab:hover {
    background: #F0F8F0; /* Mindstate: Very light green tint */
    transform: translateY(-2px);
}

#standardOfCareContent .tabs .tab.active {
    background: #6B8E23; /* Mindstate: Data green */
    color: white;
}

/* FINAL OVERRIDE - Ensure prevalence and symptom titles are visible */
#disorderAnalysisDetails .prevalence-header h3.prevalence-title,
#disorderAnalysisDetails .symptom-analysis-header h3.symptom-analysis-title {
    color: #000000 !important; /* Mindstate: Pure black */
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Market content sections - minimal styling without nesting */
.market-content-section {
    margin-bottom: var(--spacing-md);
}

.market-content-section:last-child {
    margin-bottom: 0;
}

/* Override any inherited card styling for market sections */
#fullMarketAnalysisContainer .card,
#fullMarketAnalysisContainer .tea-card {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* Also target any card that might be created inside tab content */
#fullMarketAnalysisContainer .tea-tab-content .card {
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove any spacing from market content sections */
#fullMarketAnalysisContainer .market-content-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure the first visible element in market analysis starts at the same position as other cards */
#fullMarketAnalysisContainer .tea-tab-content > :first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Clean wrapper for market compact content */
.market-compact-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

.market-compact-wrapper > :first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Override market executive summary styling with high specificity */
#fullMarketAnalysisContainer .market-compact-wrapper .market-executive-summary,
#fullMarketAnalysisContainer .tea-tab-content .market-executive-summary,
#fullMarketAnalysisContainer .market-executive-summary {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    min-height: 0 !important;
}

/* Ensure h3 in market executive summary has no top margin/padding */
#fullMarketAnalysisContainer .market-executive-summary h3 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: var(--spacing-md) !important;
}

/* Ensure the KPI grid starts immediately after h3 */
#fullMarketAnalysisContainer .market-kpi-grid {
    margin-top: 0 !important;
}

/* Ensure h4 subtitles in market sections keep their horizontal underline */
.market-content-section h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #000000; /* Mindstate: Pure black */
    margin: var(--spacing-md) 0 var(--spacing-sm) 0;
    padding-bottom: var(--spacing-xs);
    border-bottom: 2px solid #8B9187; /* Mindstate: Medium gray underline */
}

/* Market compact wrapper - ensures clean spacing for the compact view */
.market-compact-wrapper {
    margin: 0;
    padding: 0;
    background: transparent;
    position: relative;
    top: 0;
}

/* Ensure the first element in the compact wrapper has no top margin */
.market-compact-wrapper > :first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure executive summary starts cleanly */
.market-compact-wrapper .market-executive-summary {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: var(--spacing-md) !important;
}

/* Keep the h3 styling but adjust spacing */
.market-compact-wrapper .market-executive-summary h3 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    font-size: 1.1rem !important;
    margin-bottom: var(--spacing-sm) !important;
}

/* Ensure KPI grid starts immediately after h3 */
.market-compact-wrapper .market-kpi-grid {
    margin-top: 0 !important;
}

/* ==========================================================================
   MARKET SIZE ANALYSIS CARD - WHITESPACE FIX
   ========================================================================== */

/* When Market Size content is embedded in TEA Explorer's disorder tab */
#fullMarketAnalysisContainer .tea-card h2,
#fullMarketAnalysisContainer .tea-card-content-standardized h2 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    color: #000000 !important; /* Mindstate: Pure black */
    background: none !important;
    -webkit-text-fill-color: #000000 !important;
}

/* Remove the decorative line under h2 */
#fullMarketAnalysisContainer .tea-card h2::after,
#fullMarketAnalysisContainer .tea-card-content-standardized h2::after {
    display: none !important;
}

/* Reduce spacing on the date-info paragraph */
#fullMarketAnalysisContainer .date-info {
    margin-top: 0 !important;
    margin-bottom: var(--spacing-sm) !important;
    font-size: 0.85rem !important;
}

/* Adjust key insights box to have less top margin */
#fullMarketAnalysisContainer .key-insights-box {
    margin-top: var(--spacing-sm) !important;
    margin-bottom: var(--spacing-md) !important;
}

/* Alternative approach: Hide the h2 and date-info entirely when in TEA Explorer */
#fullMarketAnalysisContainer #summaryTab > .tea-card > h2,
#fullMarketAnalysisContainer #summaryTab > .tea-card > .date-info {
    display: none !important;
}

/* Ensure the first visible element (key-insights-box) has no top margin */
#fullMarketAnalysisContainer #summaryTab > .tea-card > .key-insights-box:first-of-type {
    margin-top: 0 !important;
}

/* For consistency with other cards, ensure content starts immediately */
#fullMarketAnalysisContainer .tea-tab-content.active {
    padding-top: 0 !important;
}

/* Remove any padding from the summary tab itself */
#fullMarketAnalysisContainer #summaryTab {
    padding-top: 0 !important;
}

/* Ensure market overview section also has consistent spacing */
#fullMarketAnalysisContainer .market-overview {
    margin-top: var(--spacing-md) !important;
}

/* Make sure the first h4 in key insights has consistent styling */
#fullMarketAnalysisContainer .key-insights-box h4:first-child {
    margin-top: 0 !important;
}