:root {
    --color-excellent: #10b981;
    --color-good: #3b82f6;
    --color-fair: #eab308;
    --color-poor: #ef4444;
}

body {
    font-family: system-ui, -apple-system, sans-serif;
    background: linear-gradient(to bottom, #0f172a, #1e293b, #0f172a);
    color: white;
    min-height: 100vh;
}

.score-excellent { color: var(--color-excellent); }
.score-good { color: var(--color-good); }
.score-fair { color: var(--color-fair); }
.score-poor { color: var(--color-poor); }

.country-card {
    transition: all 0.2s ease;
}
.country-card:hover {
    border-color: #3b82f6;
    transform: translateY(-2px);
}

.prose h2 { color: white; margin-top: 2rem; margin-bottom: 1rem; }
.prose h3 { color: white; margin-top: 1.5rem; margin-bottom: 0.75rem; }
.prose p { color: #cbd5e1; margin-bottom: 1rem; line-height: 1.7; }
.prose ul { color: #cbd5e1; margin-bottom: 1rem; padding-left: 1.5rem; }
.prose li { margin-bottom: 0.5rem; }
.prose a { color: #60a5fa; text-decoration: underline; }
.prose a:hover { color: #93c5fd; }