/**
 * Titres de page centrés sur petits écrans (≤768px)
 */
@media (max-width: 768px) {
    h1,
    .page-title {
        text-align: center;
    }
    .header h1 {
        text-align: center;
    }
    .header-actions {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 12px;
    }
    .header-actions h1 {
        text-align: center;
        width: 100%;
    }
}