/* ===================================
   GLOBAL CASE STUDY DESIGN SYSTEM
   =================================== */

/* Remove outer card wrappers from all case study sub-sections */
[id^="case-"] .case-section,
[id^="case-"] .case-challenge,
[id^="case-"] .case-diagnosis,
[id^="case-"] .case-solution,
[id^="case-"] .case-decisions,
[id^="case-"] .case-learnings,
[id^="case-"] .case-impact,
[id^="case-"] .case-results,
[id^="case-"] .strategic-diagnosis,
[id^="case-"] .strategic-solution,
[id^="case-"] .key-decisions,
[id^="case-"] .key-learnings,
[id^="case-"] .case-stress-test {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Global Case Study Main Heading */
[id^="case-"] .case-title,
[id^="case-"] > .container > h1,
[id^="case-"] > .container > h2:first-of-type {
    font-family: 'DM Serif Display', serif !important;
    font-size: 26px !important;
    color: #2C4251 !important;
    margin-bottom: 20px !important;
    line-height: 1.2 !important;
}

/* Global Metadata Grid */
[id^="case-"] .case-meta-grid,
[id^="case-"] .case-metadata,
[id^="case-"] .metadata-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px 24px !important;
    background: rgba(255,255,255,0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255,255,255,0.9) !important;
    border-radius: 14px !important;
    padding: 16px 24px !important;
    box-shadow: 0 8px 32px rgba(44,66,81,0.08), 0 1px 4px rgba(44,66,81,0.05) !important;
    margin-bottom: 28px !important;
    position: relative !important;
}

[id^="case-"] .meta-label,
[id^="case-"] .metadata-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #8A9BA5 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin-bottom: 3px !important;
    display: block !important;
}

[id^="case-"] .meta-value,
[id^="case-"] .metadata-value {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #2C4251 !important;
    line-height: 1.3 !important;
    display: block !important;
}

/* Global Section Sub-Headings (H2) */
[id^="case-"] h2,
[id^="case-"] .case-section-title {
    font-family: 'DM Serif Display', serif !important;
    font-size: 20px !important;
    color: #2C4251 !important;
    margin-bottom: 14px !important;
    margin-top: 36px !important;
    text-transform: none !important;
}

/* Global H3 Sub-Headings */
[id^="case-"] h3 {
    font-family: 'DM Serif Display', serif !important;
    font-size: 17px !important;
    color: #2C4251 !important;
    margin-bottom: 10px !important;
    margin-top: 24px !important;
}

/* Global Uppercase Label Headings */
[id^="case-"] h4,
[id^="case-"] .insight-label,
[id^="case-"] .decision-label,
[id^="case-"] .principle-label,
[id^="case-"] .section-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #E07856 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    margin-bottom: 6px !important;
}

/* Global Body Paragraphs */
[id^="case-"] p,
[id^="case-"] .case-text {
    font-size: 14px !important;
    color: #3D5563 !important;
    line-height: 1.75 !important;
    max-width: 760px !important;
}

/* Global Bullet Points */
[id^="case-"] ul li,
[id^="case-"] .bullet-item {
    font-size: 13px !important;
    color: #3D5563 !important;
    line-height: 1.6 !important;
    margin-bottom: 4px !important;
}

/* Global Card Sizing */
[id^="case-"] .challenge-card,
[id^="case-"] .insight-card,
[id^="case-"] .learning-card,
[id^="case-"] .recognition-card,
[id^="case-"] .decision-card,
[id^="case-"] .principle-card {
    padding: 14px 16px !important;
    min-height: 0 !important;
    height: auto !important;
}

[id^="case-"] .challenge-card h3,
[id^="case-"] .challenge-card strong,
[id^="case-"] .insight-card h3,
[id^="case-"] .learning-card h3,
[id^="case-"] .card-title {
    font-size: 12px !important;
}

/* Global Metric/Stat Numbers */
[id^="case-"] .impact-number,
[id^="case-"] .kpi-value,
[id^="case-"] .stat-number,
[id^="case-"] .metric-number {
    font-family: 'Space Grotesk', monospace !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

/* Global Spacing */
[id^="case-"] .case-section,
[id^="case-"] .case-subsection {
    margin-top: 36px !important;
}

[id^="case-"] .challenge-cards,
[id^="case-"] .insight-cards,
[id^="case-"] .learning-cards,
[id^="case-"] .decision-cards,
[id^="case-"] .learnings-grid {
    gap: 10px !important;
}

/* Global Pull-Quote Blocks */
[id^="case-"] .pull-quote,
[id^="case-"] .case-quote,
[id^="case-"] blockquote {
    font-family: 'Instrument Serif', serif !important;
    font-style: italic !important;
    font-size: 15px !important;
    padding: 12px 20px !important;
    margin-bottom: 20px !important;
    border-left: 4px solid #4A9B8E !important;
}

/* Global Guiding Principle / Architect's Note Blocks */
[id^="case-"] .guiding-principle,
[id^="case-"] .case-note,
[id^="case-"] .architect-note {
    padding: 20px 28px !important;
}

[id^="case-"] .guiding-principle p,
[id^="case-"] .case-note p,
[id^="case-"] .architect-note p {
    font-size: 16px !important;
}

/* Remove Purple/Violet Colors (except Purplle case study intentional markers) */
[id^="case-"]:not(#case-purplle) [style*="#6B4EFF"],
[id^="case-"]:not(#case-purplle) [style*="#5B21B6"],
[id^="case-"]:not(#case-purplle) [style*="#7C3AED"],
[id^="case-"]:not(#case-purplle) [style*="#4F46E5"],
[id^="case-"]:not(#case-purplle) [style*="#6366F1"] {
    color: #2C4251 !important;
    border-color: #4A9B8E !important;
    background-color: #F5F1ED !important;
}

/* Global Mobile Responsive */
@media (max-width: 768px) {
    [id^="case-"] .case-meta-grid,
    [id^="case-"] .case-metadata,
    [id^="case-"] .metadata-grid {
        grid-template-columns: 1fr 1fr !important;
        padding: 14px 16px !important;
    }
    
    [id^="case-"] .challenge-cards {
        grid-template-columns: 1fr 1fr !important;
    }
    
    [id^="case-"] .learnings-grid,
    [id^="case-"] .learning-cards {
        grid-template-columns: 1fr !important;
    }
    
    [id^="case-"] .impact-grid,
    [id^="case-"] .kpi-grid,
    [id^="case-"] .stat-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}