/**
 * Entity Detail Page Styles
 * Styles for the universal entity detail template
 */

/* Entity Detail Page Container */
.entity-detail-page {
    max-width: 1200px;
    margin: 0 auto;
}

/* Entity Header */
.entity-header {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    padding: var(--spacing-xl);
    background: linear-gradient(135deg,
        rgba(var(--color-primary-rgb), 0.1),
        rgba(var(--color-secondary-rgb), 0.1));
    border-radius: var(--radius-xl);
    border: 2px solid rgba(var(--color-primary-rgb), 0.3);
}

.entity-header-icon {
    font-size: 5rem;
    min-width: 100px;
    text-align: center;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

.entity-header-content {
    flex: 1;
}

.entity-title {
    color: var(--color-primary);
    font-size: 3rem;
    margin: 0 0 var(--spacing-sm) 0;
    line-height: 1.2;
}

.entity-subtitle {
    font-size: 1.3rem;
    color: var(--color-text-secondary);
    margin: 0 0 var(--spacing-md) 0;
    font-style: italic;
}

.entity-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
}

.type-tag,
.mythology-tag {
    padding: var(--spacing-xs) var(--spacing-md);
    background: rgba(var(--color-primary-rgb), 0.2);
    border: 1px solid rgba(var(--color-primary-rgb), 0.4);
    border-radius: var(--radius-sm);
    font-size: var(--font-size-sm);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.mythology-tag {
    background: rgba(var(--color-secondary-rgb), 0.2);
    border-color: rgba(var(--color-secondary-rgb), 0.4);
}

/* Entity Sections */
.entity-description,
.entity-content,
.entity-relationships,
.entity-archetypes,
.entity-related,
.entity-sources {
    background: rgba(var(--color-surface-rgb), 0.6);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-lg);
}

.entity-description h2,
.entity-content h2,
.entity-relationships h2,
.entity-archetypes h2,
.entity-related h2,
.entity-sources h2 {
    color: var(--color-primary);
    margin-top: 0;
    margin-bottom: var(--spacing-lg);
}

/* Description Content */
.description-content,
.content-body {
    line-height: 1.8;
    font-size: 1.1rem;
}

.description-content p,
.content-body p {
    margin-bottom: var(--spacing-md);
}

/* Deity Sections */
.deity-domains,
.deity-symbols,
.deity-epithets {
    margin-bottom: var(--spacing-lg);
}

.domain-tags,
.symbol-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
}

.domain-tag {
    padding: var(--spacing-xs) var(--spacing-md);
    background: linear-gradient(135deg,
        rgba(var(--color-primary-rgb), 0.2),
        rgba(var(--color-secondary-rgb), 0.2));
    border: 1px solid rgba(var(--color-primary-rgb), 0.3);
    border-radius: var(--radius-sm);
    font-weight: 600;
}

.symbol-item {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-xs) var(--spacing-sm);
    background: rgba(var(--color-surface-rgb), 0.4);
    border-radius: var(--radius-sm);
}

.epithets-list {
    list-style: none;
    padding: 0;
}

.epithets-list li {
    padding: var(--spacing-sm);
    margin-bottom: var(--spacing-xs);
    background: rgba(var(--color-surface-rgb), 0.4);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--radius-sm);
}

/* Hero Sections */
.hero-parentage,
.hero-quests,
.hero-weapons,
.hero-abilities {
    margin-bottom: var(--spacing-lg);
}

.parentage-info p {
    margin-bottom: var(--spacing-sm);
}

.divine-tag {
    color: var(--color-primary);
    font-weight: 700;
}

.quests-list {
    list-style: none;
    padding: 0;
}

.quests-list li {
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
    background: rgba(var(--color-surface-rgb), 0.4);
    border-left: 4px solid var(--color-secondary);
    border-radius: var(--radius-sm);
}

.quests-list li:before {
    content: "⚔️ ";
    margin-right: var(--spacing-xs);
}

.weapons-grid,
.abilities-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
}

.ability-tag {
    padding: var(--spacing-xs) var(--spacing-md);
    background: rgba(var(--color-primary-rgb), 0.15);
    border: 1px solid rgba(var(--color-primary-rgb), 0.3);
    border-radius: var(--radius-sm);
}

/* Creature Sections */
.creature-appearance,
.creature-abilities,
.creature-weaknesses,
.creature-slayers {
    margin-bottom: var(--spacing-lg);
}

.abilities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-md);
}

.ability-card {
    padding: var(--spacing-md);
    background: rgba(var(--color-primary-rgb), 0.1);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-md);
    text-align: center;
}

.weaknesses-list,
.slayers-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
}

.weakness-tag {
    padding: var(--spacing-xs) var(--spacing-md);
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: var(--radius-sm);
}

/* Item Sections */
.item-powers,
.item-materials,
.item-wielders,
.item-creator {
    margin-bottom: var(--spacing-lg);
}

.powers-list {
    list-style: none;
    padding: 0;
}

.powers-list li {
    padding: var(--spacing-sm);
    margin-bottom: var(--spacing-xs);
    background: rgba(var(--color-surface-rgb), 0.4);
    border-radius: var(--radius-sm);
}

.materials-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
}

.material-tag {
    padding: var(--spacing-xs) var(--spacing-md);
    background: rgba(var(--color-secondary-rgb), 0.15);
    border: 1px solid rgba(var(--color-secondary-rgb), 0.3);
    border-radius: var(--radius-sm);
}

/* Place Sections */
.place-map,
.place-inhabitants,
.place-events {
    margin-bottom: var(--spacing-lg);
}

.map-container {
    min-height: 300px;
    background: rgba(var(--color-surface-rgb), 0.4);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-xl);
}

.map-placeholder {
    color: var(--color-text-secondary);
    font-style: italic;
}

.events-list {
    list-style: none;
    padding: 0;
}

.events-list li {
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
    background: rgba(var(--color-surface-rgb), 0.4);
    border-left: 4px solid var(--color-primary);
    border-radius: var(--radius-sm);
}

/* Concept Sections */
.concept-opposites,
.concept-personifications {
    margin-bottom: var(--spacing-lg);
}

/* Magic Sections */
.magic-techniques,
.magic-tools,
.magic-warnings {
    margin-bottom: var(--spacing-lg);
}

.techniques-list {
    list-style: none;
    padding: 0;
}

.techniques-list li {
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
    background: rgba(var(--color-surface-rgb), 0.4);
    border-left: 4px solid var(--color-secondary);
    border-radius: var(--radius-sm);
}

.tools-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
}

.tool-tag {
    padding: var(--spacing-xs) var(--spacing-md);
    background: rgba(var(--color-primary-rgb), 0.15);
    border: 1px solid rgba(var(--color-primary-rgb), 0.3);
    border-radius: var(--radius-sm);
}

.warnings-box {
    padding: var(--spacing-lg);
    background: rgba(239, 68, 68, 0.1);
    border: 2px solid rgba(239, 68, 68, 0.3);
    border-radius: var(--radius-md);
}

.warnings-box p {
    color: #ef4444;
    font-weight: 600;
    margin-bottom: var(--spacing-sm);
}

/* Theory Sections */
.theory-warning,
.theory-confidence,
.theory-correlations,
.theory-alternatives {
    margin-bottom: var(--spacing-lg);
}

.intellectual-honesty-warning {
    padding: var(--spacing-lg);
    background: rgba(251, 191, 36, 0.1);
    border: 2px solid rgba(251, 191, 36, 0.3);
    border-left-width: 6px;
    border-radius: var(--radius-md);
}

.intellectual-honesty-warning h3 {
    color: #f59e0b;
    margin-top: 0;
}

.confidence-meter {
    width: 100%;
    height: 40px;
    background: rgba(var(--color-surface-rgb), 0.4);
    border-radius: var(--radius-sm);
    overflow: hidden;
    position: relative;
}

.confidence-bar {
    height: 100%;
    background: linear-gradient(90deg, #ef4444, #f59e0b, #10b981);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: var(--spacing-md);
    color: white;
    font-weight: 700;
    transition: width 1s ease;
}

.correlations-list {
    display: grid;
    gap: var(--spacing-md);
}

.correlation-card {
    padding: var(--spacing-lg);
    background: rgba(var(--color-surface-rgb), 0.4);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-md);
}

.correlation-row {
    display: flex;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
}

.correlation-label {
    font-weight: 700;
    color: var(--color-primary);
    min-width: 120px;
}

.correlation-confidence {
    margin-top: var(--spacing-sm);
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
}

.alternatives-list {
    list-style: none;
    padding: 0;
}

.alternatives-list li {
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
    background: rgba(var(--color-surface-rgb), 0.4);
    border-left: 4px solid var(--color-secondary);
    border-radius: var(--radius-sm);
}

/* Metadata Sidebar */
.entity-metadata {
    background: rgba(var(--color-surface-rgb), 0.6);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-lg);
}

.metadata-section {
    margin-bottom: var(--spacing-lg);
}

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

.metadata-section h3 {
    color: var(--color-primary);
    font-size: var(--font-size-lg);
    margin-top: 0;
    margin-bottom: var(--spacing-md);
}

.metadata-section p {
    margin-bottom: var(--spacing-sm);
    line-height: 1.6;
}

.metadata-section strong {
    color: var(--color-primary);
}

/* Relationships */
.relationships-info p {
    margin-bottom: var(--spacing-sm);
}

.relationships-info strong {
    color: var(--color-primary);
}

/* Archetypes */
.archetypes-list {
    display: grid;
    gap: var(--spacing-md);
}

.archetype-card {
    padding: var(--spacing-lg);
    background: rgba(var(--color-surface-rgb), 0.4);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-md);
}

.archetype-name {
    font-size: var(--font-size-lg);
    font-weight: 700;
    color: var(--color-primary);
    display: block;
    margin-bottom: var(--spacing-sm);
}

.archetype-score {
    position: relative;
    height: 30px;
    background: rgba(var(--color-surface-rgb), 0.6);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.score-bar {
    height: 100%;
    background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
    transition: width 1s ease;
}

.score-text {
    position: absolute;
    right: var(--spacing-sm);
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.inferred-tag {
    display: inline-block;
    margin-top: var(--spacing-sm);
    padding: var(--spacing-xs) var(--spacing-sm);
    background: rgba(var(--color-secondary-rgb), 0.2);
    border: 1px solid rgba(var(--color-secondary-rgb), 0.4);
    border-radius: var(--radius-xs);
    font-size: var(--font-size-sm);
    color: var(--color-secondary);
}

/* Related Entities */
.related-deities,
.related-heroes,
.related-creatures,
.related-items,
.related-places,
.related-concepts {
    margin-bottom: var(--spacing-lg);
}

.related-deities h3,
.related-heroes h3,
.related-creatures h3,
.related-items h3,
.related-places h3,
.related-concepts h3 {
    color: var(--color-primary);
    font-size: var(--font-size-md);
    margin-bottom: var(--spacing-sm);
}

.related-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
}

/* Sources */
.sources-list {
    display: grid;
    gap: var(--spacing-md);
}

.source-item {
    padding: var(--spacing-md);
    background: rgba(var(--color-surface-rgb), 0.4);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-md);
}

.source-title {
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: var(--spacing-xs);
}

.source-author,
.source-citation {
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    margin-bottom: var(--spacing-xs);
}

.source-link {
    display: inline-block;
    margin-top: var(--spacing-sm);
    padding: var(--spacing-xs) var(--spacing-md);
    background: rgba(var(--color-primary-rgb), 0.2);
    border: 1px solid rgba(var(--color-primary-rgb), 0.4);
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    text-decoration: none;
    transition: all var(--transition-fast);
}

.source-link:hover {
    background: rgba(var(--color-primary-rgb), 0.3);
    transform: translateX(2px);
}

/* Entity Actions */
.entity-actions {
    display: flex;
    justify-content: center;
    gap: var(--spacing-md);
    margin-top: var(--spacing-xl);
    padding: var(--spacing-lg);
}

.btn-edit {
    padding: var(--spacing-md) var(--spacing-xl);
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.btn-edit:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

/* Entity Links */
.entity-link {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 600;
    transition: all var(--transition-fast);
}

.entity-link:hover {
    color: var(--color-secondary);
    text-decoration: underline;
}

/* ==================== ENHANCED METADATA SECTIONS ==================== */

/* Geographical Information */
.entity-section-geographical .geographical-grid {
    display: grid;
    gap: var(--spacing-lg);
}

.entity-section-geographical .location-card {
    padding: var(--spacing-lg);
    background: rgba(var(--color-primary-rgb), 0.08);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(var(--color-primary-rgb), 0.15);
}

.entity-section-geographical .location-name {
    color: var(--color-primary);
    margin: 0 0 var(--spacing-sm) 0;
}

.entity-section-geographical .location-description {
    margin-bottom: var(--spacing-sm);
}

.entity-section-geographical .location-type-badge {
    display: inline-block;
    padding: var(--spacing-xs) var(--spacing-sm);
    background: var(--color-secondary);
    color: #ffffff;
    border-radius: var(--radius-sm);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    margin-bottom: var(--spacing-sm);
}

.entity-section-geographical .location-significance {
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

.entity-section-geographical .coordinates-display {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-top: var(--spacing-md);
    padding: var(--spacing-sm) var(--spacing-md);
    background: rgba(var(--color-surface-rgb), 0.5);
    border-radius: var(--radius-md);
    font-family: var(--font-family-mono);
    font-size: var(--font-size-sm);
}

.entity-section-geographical .coord-accuracy {
    color: var(--color-text-secondary);
    font-size: var(--font-size-xs);
}

.entity-section-geographical .geo-details-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-md);
}

.entity-section-geographical .geo-item {
    padding: var(--spacing-sm);
}

.entity-section-geographical .geo-label {
    display: block;
    font-weight: var(--font-semibold);
    color: var(--color-primary);
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-xs);
}

.entity-section-geographical .geo-value {
    display: block;
}

/* Temporal Information */
.entity-section-temporal .temporal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-md);
}

.entity-section-temporal .temporal-card {
    padding: var(--spacing-md);
    background: rgba(var(--color-primary-rgb), 0.08);
    border-radius: var(--radius-md);
}

.entity-section-temporal .temporal-card-wide {
    grid-column: 1 / -1;
}

.entity-section-temporal .temporal-label {
    display: block;
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-secondary);
    margin-bottom: var(--spacing-xs);
}

.entity-section-temporal .temporal-value {
    font-weight: var(--font-medium);
}

.entity-section-temporal .attestation-date {
    font-weight: var(--font-semibold);
}

.entity-section-temporal .attestation-source {
    color: var(--color-text-secondary);
}

.entity-section-temporal .badge {
    display: inline-block;
    padding: var(--spacing-xs) var(--spacing-sm);
    background: rgba(var(--color-primary-rgb), 0.15);
    border-radius: var(--radius-sm);
    font-size: var(--font-size-xs);
    margin-left: var(--spacing-sm);
}

.entity-section-temporal .confidence-certain { color: #10b981; }
.entity-section-temporal .confidence-probable { color: #3b82f6; }
.entity-section-temporal .confidence-possible { color: #f59e0b; }
.entity-section-temporal .confidence-speculative { color: #ef4444; }

.entity-section-temporal .peak-context {
    margin-top: var(--spacing-sm);
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
}

/* Metaphysical Properties */
.entity-section-metaphysical .metaphysical-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--spacing-md);
}

.entity-section-metaphysical .metaphysical-card {
    padding: var(--spacing-md);
    background: rgba(var(--color-primary-rgb), 0.08);
    border-radius: var(--radius-md);
    text-align: center;
}

.entity-section-metaphysical .metaphysical-card-wide {
    grid-column: 1 / -1;
    text-align: left;
}

.entity-section-metaphysical .metaphysical-label {
    display: block;
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-secondary);
    margin-bottom: var(--spacing-sm);
}

.entity-section-metaphysical .metaphysical-value {
    font-weight: var(--font-semibold);
}

.entity-section-metaphysical .metaphysical-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
    justify-content: center;
}

.entity-section-metaphysical .metaphysical-card-wide .metaphysical-tags {
    justify-content: flex-start;
}

.entity-section-metaphysical .domain-tag,
.entity-section-metaphysical .zodiac-tag,
.entity-section-metaphysical .sefirah-tag {
    padding: var(--spacing-xs) var(--spacing-sm);
    background: rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-full);
    font-size: var(--font-size-sm);
    font-weight: var(--font-medium);
}

/* Element Colors */
.entity-section-metaphysical .element-fire { color: #ef4444; border-color: #ef4444; }
.entity-section-metaphysical .element-water { color: #3b82f6; border-color: #3b82f6; }
.entity-section-metaphysical .element-earth { color: #84cc16; border-color: #84cc16; }
.entity-section-metaphysical .element-air { color: #a855f7; border-color: #a855f7; }
.entity-section-metaphysical .element-aether { color: #f59e0b; border-color: #f59e0b; }
.entity-section-metaphysical .element-void { color: #1f2937; border-color: #1f2937; }

/* Chakra Colors */
.entity-section-metaphysical .chakra-root { color: #ef4444; }
.entity-section-metaphysical .chakra-sacral { color: #f97316; }
.entity-section-metaphysical .chakra-solar-plexus { color: #eab308; }
.entity-section-metaphysical .chakra-heart { color: #22c55e; }
.entity-section-metaphysical .chakra-throat { color: #3b82f6; }
.entity-section-metaphysical .chakra-third-eye { color: #6366f1; }
.entity-section-metaphysical .chakra-crown { color: #a855f7; }

/* Archetypes Section */
.entity-section-archetypes .archetypes-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--spacing-md);
}

.entity-section-archetypes .archetype-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--spacing-lg);
    background: rgba(var(--color-primary-rgb), 0.08);
    border: 1px solid rgba(var(--color-primary-rgb), 0.15);
    border-radius: var(--radius-lg);
    text-decoration: none;
    color: inherit;
    transition: all var(--transition-fast);
}

.entity-section-archetypes .archetype-card:hover {
    background: rgba(var(--color-primary-rgb), 0.15);
    border-color: var(--color-primary);
    transform: translateY(-2px);
}

.entity-section-archetypes .archetype-icon {
    font-size: var(--font-size-3xl);
    margin-bottom: var(--spacing-sm);
}

.entity-section-archetypes .archetype-name {
    font-weight: var(--font-semibold);
    text-align: center;
    text-transform: capitalize;
}

/* Schema Related Entities */
.entity-section-schema-related .schema-related-container {
    display: grid;
    gap: var(--spacing-xl);
}

.entity-section-schema-related .schema-related-group {
    padding-top: var(--spacing-lg);
    border-top: 1px solid rgba(var(--color-primary-rgb), 0.1);
}

.entity-section-schema-related .schema-related-group:first-child {
    padding-top: 0;
    border-top: none;
}

.entity-section-schema-related .related-group-title {
    font-size: var(--font-size-lg);
    color: var(--color-primary);
    margin-bottom: var(--spacing-md);
}

.entity-section-schema-related .schema-related-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--spacing-md);
}

.entity-section-schema-related .schema-related-card {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-sm);
    padding: var(--spacing-md);
    background: rgba(var(--color-primary-rgb), 0.08);
    border: 1px solid rgba(var(--color-primary-rgb), 0.15);
    border-radius: var(--radius-lg);
    text-decoration: none;
    color: inherit;
    transition: all var(--transition-fast);
}

.entity-section-schema-related .schema-related-card:hover {
    background: rgba(var(--color-primary-rgb), 0.15);
    border-color: var(--color-primary);
    transform: translateY(-2px);
}

.entity-section-schema-related .related-entity-icon {
    font-size: var(--font-size-xl);
    flex-shrink: 0;
}

.entity-section-schema-related .related-entity-info {
    flex: 1;
    min-width: 0;
}

.entity-section-schema-related .related-entity-name {
    display: block;
    font-weight: var(--font-semibold);
}

.entity-section-schema-related .related-entity-relationship {
    display: block;
    font-size: var(--font-size-xs);
    color: var(--color-text-secondary);
    margin-top: var(--spacing-xs);
}

/* Enhanced Cultural Context */
.entity-section-cultural .cultural-content-container {
    display: grid;
    gap: var(--spacing-lg);
}

.entity-section-cultural .cultural-highlight {
    padding: var(--spacing-lg);
    background: rgba(var(--color-primary-rgb), 0.1);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-primary);
}

.entity-section-cultural .cultural-subsection-title {
    font-size: var(--font-size-md);
    color: var(--color-primary);
    margin: 0 0 var(--spacing-md) 0;
}

.entity-section-cultural .cultural-social-role {
    font-size: var(--font-size-lg);
    line-height: var(--leading-relaxed);
    margin: 0;
}

.entity-section-cultural .cultural-section {
    padding: var(--spacing-md) 0;
}

.entity-section-cultural .worship-practices-list,
.entity-section-cultural .demographic-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.entity-section-cultural .worship-practice-item,
.entity-section-cultural .demographic-item {
    padding: var(--spacing-sm) var(--spacing-md);
    margin-bottom: var(--spacing-xs);
    background: rgba(var(--color-primary-rgb), 0.08);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--radius-sm);
}

.entity-section-cultural .cultural-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
}

.entity-section-cultural .cultural-tag {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    padding: var(--spacing-sm) var(--spacing-md);
    background: rgba(var(--color-primary-rgb), 0.15);
    border: 1px solid rgba(var(--color-primary-rgb), 0.3);
    border-radius: var(--radius-full);
}

.entity-section-cultural .festivals-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-md);
}

.entity-section-cultural .festival-card {
    padding: var(--spacing-md);
    background: rgba(var(--color-primary-rgb), 0.1);
    border-radius: var(--radius-md);
}

.entity-section-cultural .festival-date {
    display: block;
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    margin-top: var(--spacing-xs);
}

.entity-section-cultural .legacy-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-md);
}

.entity-section-cultural .legacy-item {
    padding: var(--spacing-md);
    background: rgba(var(--color-primary-rgb), 0.05);
    border-radius: var(--radius-md);
}

.entity-section-cultural .legacy-label {
    display: block;
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-primary);
    margin-bottom: var(--spacing-xs);
}

.entity-section-cultural .legacy-value {
    font-size: var(--font-size-sm);
}

/* Enhanced Linguistic Styles */
.entity-section-linguistic .linguistic-epithets {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
}

.entity-section-linguistic .epithet-tag {
    padding: var(--spacing-xs) var(--spacing-sm);
    background: rgba(var(--color-secondary-rgb), 0.15);
    border: 1px solid rgba(var(--color-secondary-rgb), 0.3);
    border-radius: var(--radius-full);
    font-size: var(--font-size-sm);
    font-style: italic;
}

.entity-section-linguistic .cognate-meaning {
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

/* Responsive Design */
@media (max-width: 768px) {
    .entity-header {
        flex-direction: column;
        text-align: center;
    }

    .entity-header-icon {
        font-size: 4rem;
    }

    .entity-title {
        font-size: 2rem;
    }

    .abilities-grid {
        grid-template-columns: 1fr;
    }

    .archetypes-list {
        gap: var(--spacing-sm);
    }

    .correlation-row {
        flex-direction: column;
        gap: var(--spacing-xs);
    }

    .correlation-label {
        min-width: auto;
    }

    .entity-section-geographical .geo-details-grid,
    .entity-section-temporal .temporal-grid,
    .entity-section-metaphysical .metaphysical-grid,
    .entity-section-cultural .legacy-grid,
    .entity-section-cultural .festivals-grid {
        grid-template-columns: 1fr;
    }

    .entity-section-schema-related .schema-related-grid,
    .entity-section-archetypes .archetypes-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .entity-section-schema-related .schema-related-grid,
    .entity-section-archetypes .archetypes-grid {
        grid-template-columns: 1fr;
    }
}

/* Hero Detail Sections */
.hero-detail-article {
    animation: fadeInUp 0.6s ease-out;
}

.hero-header {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-xl);
    padding: var(--spacing-xl);
    background: linear-gradient(135deg,
        rgba(var(--color-primary-rgb), 0.15),
        rgba(var(--color-secondary-rgb), 0.1));
    border-radius: var(--radius-xl);
    border: 2px solid rgba(var(--color-primary-rgb), 0.3);
    margin-bottom: var(--spacing-xl);
    animation: slideDown 0.5s ease-out;
}

.hero-icon-large {
    font-size: 5rem;
    min-width: 120px;
    text-align: center;
    flex-shrink: 0;
}

.icon-float {
    display: inline-block;
    animation: float 3s ease-in-out infinite;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3));
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
}

.hero-header-content {
    flex: 1;
}

.hero-title {
    font-size: 3rem;
    color: var(--color-primary);
    margin: 0 0 var(--spacing-sm) 0;
    line-height: 1.2;
    font-weight: 700;
}

.hero-subtitle {
    font-size: 1.3rem;
    color: var(--color-text-secondary);
    margin: 0 0 var(--spacing-md) 0;
    font-style: italic;
    opacity: 0.9;
}

.hero-description {
    font-size: 1.1rem;
    line-height: 1.6;
    color: var(--color-text);
    margin: 0 0 var(--spacing-md) 0;
}

.hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
}

.entity-type-badge,
.mythology-badge,
.era-badge {
    padding: var(--spacing-xs) var(--spacing-md);
    background: rgba(var(--color-primary-rgb), 0.2);
    border: 1px solid rgba(var(--color-primary-rgb), 0.4);
    border-radius: var(--radius-full);
    font-size: var(--font-size-sm);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.mythology-badge {
    background: rgba(var(--color-secondary-rgb), 0.2);
    border-color: rgba(var(--color-secondary-rgb), 0.4);
}

/* Biography Section */
.hero-biography {
    background: rgba(var(--color-surface-rgb), 0.5);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-lg);
}

.hero-biography .section-title {
    color: var(--color-primary);
    margin-top: 0;
    margin-bottom: var(--spacing-lg);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: 1.5rem;
}

.section-icon {
    font-size: 1.5rem;
}

.biography-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--spacing-md);
}

.biography-card {
    padding: var(--spacing-lg);
    background: rgba(var(--color-surface-rgb), 0.5);
    border: 1px solid rgba(var(--color-primary-rgb), 0.15);
    border-radius: var(--radius-md);
    animation: fadeInUp 0.6s ease-out;
    transition: all var(--transition-fast);
}

.biography-card:hover {
    border-color: rgba(var(--color-primary-rgb), 0.3);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    transform: translateY(-4px);
}

.biography-card-wide {
    grid-column: 1 / -1;
}

.biography-card-title {
    color: var(--color-primary);
    font-size: 1.2rem;
    margin: 0 0 var(--spacing-md) 0;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-weight: 600;
}

.card-icon {
    font-size: 1.3rem;
}

.biography-card-content {
    line-height: 1.8;
    color: var(--color-text);
}

.biography-card-content p {
    margin-bottom: var(--spacing-sm);
}

.biography-card-content p:last-child {
    margin-bottom: 0;
}

.major-events-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.major-event-item {
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
    background: rgba(var(--color-primary-rgb), 0.08);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--radius-sm);
    animation: slideInLeft 0.5s ease-out;
    line-height: 1.6;
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Deeds/Timeline Section */
.hero-deeds {
    background: rgba(var(--color-surface-rgb), 0.5);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-lg);
}

.hero-deeds .section-title {
    color: var(--color-primary);
    margin-top: 0;
    margin-bottom: var(--spacing-xl);
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.deeds-timeline {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    position: relative;
}

.deeds-timeline::before {
    content: '';
    position: absolute;
    left: 28px;
    top: 40px;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg,
        rgba(var(--color-primary-rgb), 0.3),
        rgba(var(--color-secondary-rgb), 0.3));
    z-index: 0;
}

.deed-card {
    display: flex;
    gap: var(--spacing-lg);
    padding: var(--spacing-lg);
    background: rgba(var(--color-surface-rgb), 0.4);
    border: 1px solid rgba(var(--color-primary-rgb), 0.15);
    border-radius: var(--radius-md);
    position: relative;
    z-index: 1;
    animation: slideInLeft 0.6s ease-out;
    transition: all var(--transition-fast);
}

.deed-card:hover {
    background: rgba(var(--color-surface-rgb), 0.6);
    border-color: rgba(var(--color-primary-rgb), 0.3);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    transform: translateX(8px);
}

.deed-marker {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.deed-number {
    color: white;
    font-weight: 700;
    font-size: 1.3rem;
}

.deed-content {
    flex: 1;
}

.deed-title {
    color: var(--color-primary);
    font-size: 1.2rem;
    margin: 0 0 var(--spacing-sm) 0;
    font-weight: 600;
}

.deed-description {
    color: var(--color-text);
    line-height: 1.8;
    margin-bottom: var(--spacing-sm);
}

.deed-description p {
    margin-bottom: var(--spacing-sm);
}

.deed-description p:last-child {
    margin-bottom: 0;
}

.deed-outcome {
    padding: var(--spacing-md);
    background: rgba(var(--color-primary-rgb), 0.1);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--radius-sm);
    margin-top: var(--spacing-md);
}

.outcome-label {
    color: var(--color-primary);
    font-weight: 600;
    margin-right: var(--spacing-sm);
}

.outcome-value {
    color: var(--color-text);
}

/* Divine Connections Section */
.divine-connections {
    background: rgba(var(--color-surface-rgb), 0.5);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-lg);
}

.divine-connections .section-title {
    color: var(--color-primary);
    margin-top: 0;
    margin-bottom: var(--spacing-lg);
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.connections-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--spacing-md);
}

.connection-card {
    display: flex;
    gap: var(--spacing-md);
    padding: var(--spacing-lg);
    background: rgba(var(--color-surface-rgb), 0.4);
    border: 1px solid rgba(var(--color-primary-rgb), 0.15);
    border-radius: var(--radius-md);
    animation: fadeInUp 0.6s ease-out;
    transition: all var(--transition-fast);
}

.connection-card:hover {
    background: rgba(var(--color-surface-rgb), 0.6);
    border-color: rgba(var(--color-primary-rgb), 0.3);
    transform: translateY(-4px);
}

.connection-card-wide {
    grid-column: 1 / -1;
    flex-direction: column;
}

.connection-icon {
    font-size: 2rem;
    flex-shrink: 0;
    text-align: center;
}

.adversary-icon {
    color: #ef4444;
}

.connection-content {
    flex: 1;
}

.connection-title {
    color: var(--color-primary);
    font-size: 1.1rem;
    margin: 0 0 var(--spacing-sm) 0;
    font-weight: 600;
}

.connection-value {
    color: var(--color-text);
    margin: 0;
    line-height: 1.6;
}

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

.adversary-item {
    padding: var(--spacing-xs) var(--spacing-md);
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: var(--radius-full);
    color: var(--color-text);
    font-size: var(--font-size-sm);
}

/* Worship Section */
.hero-worship {
    background: rgba(var(--color-surface-rgb), 0.5);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-lg);
}

.hero-worship .section-title {
    color: var(--color-primary);
    margin-top: 0;
    margin-bottom: var(--spacing-lg);
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.worship-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-md);
}

.worship-card {
    padding: var(--spacing-lg);
    background: rgba(var(--color-surface-rgb), 0.4);
    border: 1px solid rgba(var(--color-primary-rgb), 0.15);
    border-radius: var(--radius-md);
    text-align: center;
    animation: fadeInUp 0.6s ease-out;
    transition: all var(--transition-fast);
}

.worship-card:hover {
    background: rgba(var(--color-surface-rgb), 0.6);
    border-color: rgba(var(--color-primary-rgb), 0.3);
    transform: translateY(-4px);
}

.worship-card-icon {
    font-size: 2.5rem;
    margin-bottom: var(--spacing-md);
    display: block;
}

.worship-card-title {
    color: var(--color-primary);
    font-size: 1.1rem;
    margin: 0 0 var(--spacing-md) 0;
    font-weight: 600;
}

.worship-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.worship-item {
    padding: var(--spacing-sm);
    color: var(--color-text);
    font-size: var(--font-size-sm);
    line-height: 1.6;
}

.worship-item:not(:last-child) {
    border-bottom: 1px solid rgba(var(--color-primary-rgb), 0.1);
    padding-bottom: var(--spacing-sm);
}

/* Legacy Section */
.hero-legacy {
    background: rgba(var(--color-surface-rgb), 0.5);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-lg);
}

.hero-legacy .section-title {
    color: var(--color-primary);
    margin-top: 0;
    margin-bottom: var(--spacing-lg);
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.legacy-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--spacing-md);
}

.legacy-card {
    padding: var(--spacing-lg);
    background: rgba(var(--color-surface-rgb), 0.4);
    border: 1px solid rgba(var(--color-primary-rgb), 0.15);
    border-radius: var(--radius-md);
    animation: fadeInUp 0.6s ease-out;
    transition: all var(--transition-fast);
}

.legacy-card:hover {
    background: rgba(var(--color-surface-rgb), 0.6);
    border-color: rgba(var(--color-primary-rgb), 0.3);
    transform: translateY(-4px);
}

.legacy-card-wide {
    grid-column: 1 / -1;
}

.legacy-card-title {
    color: var(--color-primary);
    font-size: 1.2rem;
    margin: 0 0 var(--spacing-md) 0;
    font-weight: 600;
}

.legacy-card-content {
    color: var(--color-text);
    line-height: 1.8;
}

.legacy-card-content p {
    margin-bottom: var(--spacing-sm);
}

.legacy-card-content p:last-child {
    margin-bottom: 0;
}

.modern-refs-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.modern-ref-item {
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
    background: rgba(var(--color-primary-rgb), 0.08);
    border-left: 3px solid var(--color-secondary);
    border-radius: var(--radius-sm);
    color: var(--color-text);
}

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

/* Content Section */
.content-section {
    background: rgba(var(--color-surface-rgb), 0.5);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-lg);
}

.content-section .section-title {
    color: var(--color-primary);
    margin-top: 0;
    margin-bottom: var(--spacing-lg);
    font-size: 1.3rem;
    font-weight: 600;
}

.section-prose {
    color: var(--color-text);
    line-height: 1.8;
    font-size: 1.05rem;
}

.section-prose p {
    margin-bottom: var(--spacing-md);
}

.section-prose p:last-child {
    margin-bottom: 0;
}

/* Sources Section */
.sources-section {
    background: rgba(var(--color-surface-rgb), 0.5);
    border: 1px solid rgba(var(--color-primary-rgb), 0.2);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-lg);
}

.sources-section .section-title {
    color: var(--color-primary);
    margin-top: 0;
    margin-bottom: var(--spacing-lg);
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.sources-list {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: source-counter;
}

.source-item {
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    background: rgba(var(--color-surface-rgb), 0.4);
    border-left: 3px solid var(--color-primary);
    border-radius: var(--radius-sm);
    display: flex;
    gap: var(--spacing-md);
    counter-increment: source-counter;
}

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

.source-number {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    background: rgba(var(--color-primary-rgb), 0.2);
    border-radius: 50%;
    color: var(--color-primary);
    font-weight: 600;
    flex-shrink: 0;
}

.source-item-detailed .source-content {
    flex: 1;
}

.source-title {
    display: block;
    color: var(--color-primary);
    font-weight: 600;
    margin-bottom: var(--spacing-xs);
}

.source-author {
    display: block;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-xs);
}

.source-date {
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

.source-text {
    color: var(--color-text);
}

/* Edit Controls */
.edit-controls {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-xl);
    padding: var(--spacing-lg) 0;
}

.btn-edit {
    padding: var(--spacing-md) var(--spacing-xl);
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
    border: none;
    border-radius: var(--radius-md);
    color: white;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-fast);
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.btn-edit:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.btn-edit:active {
    transform: translateY(0);
}

/* Animation Classes */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .hero-header {
        flex-direction: column;
        text-align: center;
        gap: var(--spacing-lg);
    }

    .hero-icon-large {
        font-size: 4rem;
        min-width: auto;
    }

    .hero-title {
        font-size: 2rem;
    }

    .hero-subtitle {
        font-size: 1.1rem;
    }

    .hero-badges {
        justify-content: center;
    }

    .biography-grid {
        grid-template-columns: 1fr;
    }

    .connections-grid {
        grid-template-columns: 1fr;
    }

    .worship-grid {
        grid-template-columns: 1fr;
    }

    .legacy-grid {
        grid-template-columns: 1fr;
    }

    .deeds-timeline::before {
        left: 14px;
    }

    .deed-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .deed-marker {
        min-width: 50px;
        height: 50px;
        margin-bottom: var(--spacing-sm);
    }

    .deed-number {
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: 1.5rem;
    }

    .hero-icon-large {
        font-size: 3rem;
    }

    .entity-type-badge,
    .mythology-badge,
    .era-badge {
        font-size: var(--font-size-xs);
        padding: var(--spacing-xs) var(--spacing-sm);
    }

    .biography-card {
        padding: var(--spacing-md);
    }

    .deed-marker {
        min-width: 45px;
        height: 45px;
    }
}

/* Extended Content Sections */
.entity-section-extended {
    margin-top: var(--spacing-xl, 2rem);
}

.entity-section-extended .section-title {
    color: var(--color-primary, #667eea);
    border-bottom: 2px solid rgba(var(--color-primary-rgb, 102, 126, 234), 0.3);
    padding-bottom: var(--spacing-sm, 0.5rem);
    margin-bottom: var(--spacing-md, 1rem);
}

.entity-section-extended .extended-content {
    background: rgba(var(--color-surface-rgb, 30, 30, 40), 0.4);
    padding: var(--spacing-lg, 1.5rem);
    border-radius: var(--radius-md, 10px);
    border-left: 4px solid rgba(var(--color-primary-rgb, 102, 126, 234), 0.5);
}

.entity-section-extended .extended-content p {
    margin-bottom: var(--spacing-md, 1rem);
    line-height: 1.7;
}

.entity-section-extended .extended-content p:last-child {
    margin-bottom: 0;
}

/* Symbolism Section */
.entity-section-symbolism {
    background: linear-gradient(135deg,
        rgba(var(--color-primary-rgb, 102, 126, 234), 0.05),
        rgba(var(--color-secondary-rgb, 118, 75, 162), 0.05));
    padding: var(--spacing-lg, 1.5rem);
    border-radius: var(--radius-lg, 15px);
    border: 1px solid rgba(var(--color-primary-rgb, 102, 126, 234), 0.2);
}

/* Usage Section */
.entity-section-usage {
    background: rgba(var(--color-surface-rgb, 30, 30, 40), 0.3);
    padding: var(--spacing-lg, 1.5rem);
    border-radius: var(--radius-lg, 15px);
}

/* Significance Section */
.entity-section-significance {
    background: rgba(var(--color-accent-rgb, 255, 193, 7), 0.05);
    padding: var(--spacing-lg, 1.5rem);
    border-radius: var(--radius-lg, 15px);
    border-left: 4px solid rgba(var(--color-accent-rgb, 255, 193, 7), 0.5);
}

/* Long Description Section */
.entity-section-long-description {
    background: rgba(var(--color-surface-rgb, 30, 30, 40), 0.2);
    padding: var(--spacing-lg, 1.5rem);
    border-radius: var(--radius-lg, 15px);
}