/* Import all analysis result style files */
@import 'poi-analysis.css';

/* Add future imports here */
/* @import 'demographic-analysis.css'; */
/* @import 'housing-analysis.css'; */
/* etc... */

/* Base content section styling */
.content-section-content {
    width: 100%;
    padding: var(--padding-card);
    display: none; /* Hidden by default */
}

.content-section-bottom.expanded .content-section-content {
    display: block;
}

/* Text content styling */
.analysis-text {
    font-family: var(--font-family-main);
    color: var(--color-text-primary);
    line-height: 1.5;
    margin-bottom: var(--padding-card);
}

/* Graph content styling */
.graph-container {
    width: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-background);
    border-radius: var(--border-radius-medium);
    margin: var(--padding-card) 0;
}

/* List content styling */
.analysis-list {
    list-style: none;
    padding: 0;
    margin: var(--padding-card) 0;
}

.analysis-list-item {
    display: flex;
    justify-content: space-between;
    padding: 8px var(--padding-card);
    border-radius: var(--border-radius-medium);
    margin-bottom: 4px;
    background: var(--color-background);
}

/* Loading state */
.content-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
}

.content-loading::after {
    content: '';
    width: 24px;
    height: 24px;
    border: 2px solid var(--color-text-secondary);
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}