@import url('spanish-test.css');

body { font-family: Georgia, "Times New Roman", serif; }
.french-hero h1 { letter-spacing: .01em; }
.french-note { color: var(--muted); font-size: .94rem; }
.tier-section { scroll-margin-top: 90px; }
.tier-section.section-locked::after { content: "Cette partie est fermée"; }
.tier-header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.tier-score { color: var(--blue-dark); font-weight: 800; }
@media (max-width: 640px) { .tier-header { align-items: flex-start; flex-direction: column; } }