/* Styles pour le guide utilisateur */
.guide-content {
    max-width: 900px;
    margin: 0 auto;
}

.content-section {
    padding: 2rem 0;
    border-bottom: 1px solid #e9ecef;
}

.content-section:last-child {
    border-bottom: none;
}

.subsection {
    margin-bottom: 2rem;
}

.subsection h5 {
    color: #495057;
    margin-bottom: 1rem;
}

/* Animation d'apparition des sections */
.content-section {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.5s ease-out forwards;
}

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

/* Responsive */
@media (max-width: 768px) {
    .guide-content {
        max-width: 100%;
        padding: 0 15px;
    }
    
    .content-section {
        padding: 1.5rem 0;
    }
}